/**
 * 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-three-columns .gform_footer .button,
.section-three-columns .gform_footer .button:visited {
  font-family: "Heading Now", "Fallback", Helvetica, Arial, sans-serif;
  display: inline-block;
  text-decoration: none;
  font-size: 16px;
  line-height: 120%;
  font-weight: 500;
  padding: 9px 20px 12px;
  cursor: pointer;
  color: var(--white);
  background: var(--btn-color);
  text-align: center;
  transition: background-color 0.14s ease-in-out, color 0.14s ease-in-out;
  border-radius: 100px;
  border: 1px solid transparent; }
  .section-three-columns .gform_footer .button:hover, .section-three-columns .gform_footer .button:focus,
  .section-three-columns .gform_footer .button:visited:hover,
  .section-three-columns .gform_footer .button:visited:focus {
    background-color: var(--medium-gray);
    color: var(--white);
    text-decoration: none;
    outline: none; }
  .section-three-columns .gform_footer .red.button,
  .section-three-columns .gform_footer .button:visited.red {
    background-color: var(--red);
    color: var(--white); }
    .section-three-columns .gform_footer .red.button:hover, .section-three-columns .gform_footer .red.button:focus,
    .section-three-columns .gform_footer .button:visited.red:hover,
    .section-three-columns .gform_footer .button:visited.red:focus {
      background-color: var(--medium-gray);
      color: var(--white);
      text-decoration: none;
      outline: none; }
  .section-three-columns .gform_footer .yellow.button,
  .section-three-columns .gform_footer .button:visited.yellow {
    background-color: var(--yellow);
    color: var(--dark-gray); }
    .section-three-columns .gform_footer .yellow.button:hover,
    .section-three-columns .gform_footer .button:visited.yellow:hover {
      background-color: #cca000; }

.section-three-columns {
  position: relative; }
  .section-three-columns:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 75%;
    inset: 0; }
  .section-three-columns .container {
    position: relative; }
    .section-three-columns .container .content-wrapper {
      display: grid;
      gap: 2em;
      grid-template-columns: 1fr; }
      @media (min-width: 768px) {
        .section-three-columns .container .content-wrapper {
          grid-template-columns: repeat(1, 1fr); } }
      @media (min-width: 981px) {
        .section-three-columns .container .content-wrapper {
          grid-template-columns: repeat(3, 1fr); } }
      .section-three-columns .container .content-wrapper .content {
        padding: 1.5em; }
  .section-three-columns input:not([type="checkbox"]):not([type="submit"]):not([type="radio"]),
  .section-three-columns textarea, .section-three-columns select {
    padding: .5em 1em;
    display: block;
    width: 100%;
    box-shadow: none;
    border-radius: 3px;
    height: 55px;
    border: 0.5px solid var(--dark-gray);
    font-size: 16px;
    line-height: 150%;
    transition: .1s all linear; }
    .section-three-columns input:not([type="checkbox"]):not([type="submit"]):not([type="radio"]):focus,
    .section-three-columns textarea:focus, .section-three-columns select:focus {
      border-color: var(--dark-gray);
      filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.15));
      outline: 0; }
    .section-three-columns input:not([type="checkbox"]):not([type="submit"]):not([type="radio"])::-moz-placeholder, .section-three-columns textarea::-moz-placeholder, .section-three-columns select::-moz-placeholder {
      color: var(--dark-gray); }
    .section-three-columns input:not([type="checkbox"]):not([type="submit"]):not([type="radio"])::placeholder,
    .section-three-columns textarea::placeholder, .section-three-columns select::placeholder {
      color: var(--dark-gray); }
  .section-three-columns input:not([type="checkbox"]) {
    border-radius: 100px; }
  .section-three-columns .form-checkbox .ginput_container_consent {
    align-items: center;
    display: flex;
    position: relative; }
    .section-three-columns .form-checkbox .ginput_container_consent label {
      letter-spacing: .4px;
      padding-left: 1.5em !important; }
      .section-three-columns .form-checkbox .ginput_container_consent label:before {
        content: '';
        width: 18px;
        height: 18px;
        border: 1px solid var(--dark-gray);
        position: absolute;
        left: 0;
        bottom: 0;
        margin: auto;
        top: 0;
        border-radius: 3px; }
      .section-three-columns .form-checkbox .ginput_container_consent label:after {
        content: '';
        width: 6px;
        height: 12px;
        position: absolute;
        left: 6px;
        top: 4px;
        background-color: transparent;
        visibility: hidden;
        transform: rotate(45deg);
        border-bottom: 2px solid var(--white);
        border-right: 2px solid var(--white);
        display: block; }
      .section-three-columns .form-checkbox .ginput_container_consent label:hover {
        cursor: pointer; }
    .section-three-columns .form-checkbox .ginput_container_consent input {
      opacity: 0;
      width: 100%;
      position: absolute;
      z-index: 2; }
      .section-three-columns .form-checkbox .ginput_container_consent input:checked + label:before {
        background-color: var(--dark-gray); }
      .section-three-columns .form-checkbox .ginput_container_consent input:checked + label:after {
        display: block;
        opacity: 1;
        visibility: visible; }
      .section-three-columns .form-checkbox .ginput_container_consent input:focus {
        border-bottom: 1px solid var(--dark-blue); }
    .section-three-columns .form-checkbox .ginput_container_consent a {
      color: #2A252D;
      text-decoration: underline;
      z-index: 3; }
  .section-three-columns .gform_fields {
    grid-row-gap: 9px; }
  .section-three-columns .gform_wrapper .gfield_consent_description {
    overflow: unset;
    max-height: inherit;
    border: 0;
    font-size: 16px;
    padding: 0 0 2em; }
  .section-three-columns .gform_footer .button {
    display: block;
    width: auto;
    margin-left: auto;
    margin-bottom: 0;
    line-height: 120% !important; }
    @media (min-width: 981px) {
      .section-three-columns .gform_footer .button {
        font-size: 25px;
        line-height: 110% !important; } }
  .section-three-columns .validation_message:before {
    content: '\e90d';
    font-family: Icomoon;
    color: #c02b0a;
    font-size: 20px;
    position: relative;
    margin-right: .5em;
    top: 3px;
    margin-left: -11px; }
  .section-three-columns .gfield_error legend:before {
    content: '\e90d';
    font-family: Icomoon;
    color: #c02b0a;
    font-size: 20px;
    position: relative;
    margin-right: .5em;
    top: 3px;
    font-weight: normal; }
  .section-three-columns .gform_required_legend {
    display: none; }
  .section-three-columns .gform_wrapper .float-label.active label, .section-three-columns .gform_validation_error .gfield.float-label label {
    color: rgba(42, 37, 45, 0.7);
    font-size: 12px;
    top: 11px !important;
    left: 18px; }
  .section-three-columns .gform_wrapper span.gfield_required {
    color: var(--dark-gray);
    font-weight: 100; }
  .section-three-columns .gform_wrapper .gfield {
    position: relative; }
  .section-three-columns .gform_wrapper .ginput_complex > span {
    position: relative; }
  .section-three-columns .gform_wrapper .float-label label {
    color: var(--dark-gray);
    cursor: text;
    font-weight: 100 !important;
    left: 20px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: .1s all linear;
    z-index: 1; }
  .section-three-columns .gform_wrapper .float-label input::-moz-placeholder {
    display: none; }
  .section-three-columns .gform_wrapper .float-label input::placeholder {
    display: none; }
  .section-three-columns .gform_wrapper legend.gfield_label {
    font-size: inherit !important; }
  .section-three-columns h2.gform_submission_error {
    color: #c02b0a !important; }
  .section-three-columns .gform_validation_error .gfield.gfield_error.float-label label {
    color: #c02b0a; }
  .section-three-columns .gform_validation_error .gfield.gfield_error.float-label input {
    border-color: #c02b0a; }
  .section-three-columns .gform_footer .button {
    background-color: var(--white);
    color: var(--dark-gray);
    border: 2px solid var(--dark-gray);
    transition: color .3s ease-in-out, background-color .3s ease-in-out, border-color .3s ease-in-out; }
    .section-three-columns .gform_footer .button:hover {
      background-color: var(--red);
      color: var(--white);
      border-color: var(--red); }

.section-three-columns[class*="darkgray-white-section"]:before {
  background-color: #ffffff; }

.section-three-columns[class*="darkgray-white-section"] .container h2 {
  color: #2A252D; }

.section-three-columns[class*="darkgray-white-section"] .container .content {
  background-color: #2A252D;
  color: #ffffff; }
  .section-three-columns[class*="darkgray-white-section"] .container .content h1, .section-three-columns[class*="darkgray-white-section"] .container .content h2, .section-three-columns[class*="darkgray-white-section"] .container .content h3, .section-three-columns[class*="darkgray-white-section"] .container .content h4, .section-three-columns[class*="darkgray-white-section"] .container .content h5, .section-three-columns[class*="darkgray-white-section"] .container .content .h1, .section-three-columns[class*="darkgray-white-section"] .container .content .h2, .section-three-columns[class*="darkgray-white-section"] .container .content .h3, .section-three-columns[class*="darkgray-white-section"] .container .content .h4, .section-three-columns[class*="darkgray-white-section"] .container .content .h5 {
    color: #ffffff; }
  .section-three-columns[class*="darkgray-white-section"] .container .content a:not([class]) {
    color: #ffffff;
    background: linear-gradient(0deg, #ffffff, #ffffff) no-repeat left bottom/100% var(--bg-h); }

.section-three-columns[class*="white-darkgray-section"]:before {
  background-color: #2A252D; }

.section-three-columns[class*="white-darkgray-section"] .container h2 {
  color: #ffffff; }
  .section-three-columns[class*="white-darkgray-section"] .container h2 h1, .section-three-columns[class*="white-darkgray-section"] .container h2 h2, .section-three-columns[class*="white-darkgray-section"] .container h2 h3, .section-three-columns[class*="white-darkgray-section"] .container h2 h4, .section-three-columns[class*="white-darkgray-section"] .container h2 h5, .section-three-columns[class*="white-darkgray-section"] .container h2 .h1, .section-three-columns[class*="white-darkgray-section"] .container h2 .h2, .section-three-columns[class*="white-darkgray-section"] .container h2 .h3, .section-three-columns[class*="white-darkgray-section"] .container h2 .h4, .section-three-columns[class*="white-darkgray-section"] .container h2 .h5 {
    color: #ffffff; }
  .section-three-columns[class*="white-darkgray-section"] .container h2 a:not([class]) {
    color: #ffffff;
    background: linear-gradient(0deg, #ffffff, #ffffff) no-repeat left bottom/100% var(--bg-h); }

.section-three-columns[class*="white-darkgray-section"] .container .content {
  background-color: #ffffff;
  color: #2A252D; }

.section-three-columns[class*="white-red-section"]:before {
  background-color: #FF0500; }

.section-three-columns[class*="white-red-section"] .container h2 {
  color: #ffffff; }
  .section-three-columns[class*="white-red-section"] .container h2 h1, .section-three-columns[class*="white-red-section"] .container h2 h2, .section-three-columns[class*="white-red-section"] .container h2 h3, .section-three-columns[class*="white-red-section"] .container h2 h4, .section-three-columns[class*="white-red-section"] .container h2 h5, .section-three-columns[class*="white-red-section"] .container h2 .h1, .section-three-columns[class*="white-red-section"] .container h2 .h2, .section-three-columns[class*="white-red-section"] .container h2 .h3, .section-three-columns[class*="white-red-section"] .container h2 .h4, .section-three-columns[class*="white-red-section"] .container h2 .h5 {
    color: #ffffff; }
  .section-three-columns[class*="white-red-section"] .container h2 a:not([class]) {
    color: #ffffff;
    background: linear-gradient(0deg, #ffffff, #ffffff) no-repeat left bottom/100% var(--bg-h); }

.section-three-columns[class*="white-red-section"] .container .content {
  background-color: #ffffff;
  color: #2A252D; }

.section-three-columns[class*="red-white-section"]:before {
  background-color: #ffffff; }

.section-three-columns[class*="red-white-section"] .container h2 {
  color: #2A252D; }

.section-three-columns[class*="red-white-section"] .container .content {
  background-color: #FF0500;
  color: #ffffff; }
  .section-three-columns[class*="red-white-section"] .container .content h1, .section-three-columns[class*="red-white-section"] .container .content h2, .section-three-columns[class*="red-white-section"] .container .content h3, .section-three-columns[class*="red-white-section"] .container .content h4, .section-three-columns[class*="red-white-section"] .container .content h5, .section-three-columns[class*="red-white-section"] .container .content .h1, .section-three-columns[class*="red-white-section"] .container .content .h2, .section-three-columns[class*="red-white-section"] .container .content .h3, .section-three-columns[class*="red-white-section"] .container .content .h4, .section-three-columns[class*="red-white-section"] .container .content .h5 {
    color: #ffffff; }
  .section-three-columns[class*="red-white-section"] .container .content a:not([class]) {
    color: #ffffff;
    background: linear-gradient(0deg, #ffffff, #ffffff) no-repeat left bottom/100% var(--bg-h); }

.section-three-columns[class*="white-lightgray-section"]:before {
  background-color: #F7F7F7; }

.section-three-columns[class*="white-lightgray-section"] .container h2 {
  color: #2A252D; }

.section-three-columns[class*="white-lightgray-section"] .container .content {
  background-color: #ffffff;
  color: #2A252D; }

.section-three-columns[class*="lightgray-white-section"]:before {
  background-color: #ffffff; }

.section-three-columns[class*="lightgray-white-section"] .container h2 {
  color: #2A252D; }

.section-three-columns[class*="lightgray-white-section"] .container .content {
  background-color: #F7F7F7;
  color: #2A252D; }

.section-three-columns[class*="red-lightgray-section"]:before {
  background-color: #F7F7F7; }

.section-three-columns[class*="red-lightgray-section"] .container h2 {
  color: #2A252D; }

.section-three-columns[class*="red-lightgray-section"] .container .content {
  background-color: #FF0500;
  color: #ffffff; }
  .section-three-columns[class*="red-lightgray-section"] .container .content h1, .section-three-columns[class*="red-lightgray-section"] .container .content h2, .section-three-columns[class*="red-lightgray-section"] .container .content h3, .section-three-columns[class*="red-lightgray-section"] .container .content h4, .section-three-columns[class*="red-lightgray-section"] .container .content h5, .section-three-columns[class*="red-lightgray-section"] .container .content .h1, .section-three-columns[class*="red-lightgray-section"] .container .content .h2, .section-three-columns[class*="red-lightgray-section"] .container .content .h3, .section-three-columns[class*="red-lightgray-section"] .container .content .h4, .section-three-columns[class*="red-lightgray-section"] .container .content .h5 {
    color: #ffffff; }
  .section-three-columns[class*="red-lightgray-section"] .container .content a:not([class]) {
    color: #ffffff;
    background: linear-gradient(0deg, #ffffff, #ffffff) no-repeat left bottom/100% var(--bg-h); }

.section-three-columns[class*="lightgray-red-section"]:before {
  background-color: #FF0500; }

.section-three-columns[class*="lightgray-red-section"] .container h2 {
  color: #ffffff; }
  .section-three-columns[class*="lightgray-red-section"] .container h2 h1, .section-three-columns[class*="lightgray-red-section"] .container h2 h2, .section-three-columns[class*="lightgray-red-section"] .container h2 h3, .section-three-columns[class*="lightgray-red-section"] .container h2 h4, .section-three-columns[class*="lightgray-red-section"] .container h2 h5, .section-three-columns[class*="lightgray-red-section"] .container h2 .h1, .section-three-columns[class*="lightgray-red-section"] .container h2 .h2, .section-three-columns[class*="lightgray-red-section"] .container h2 .h3, .section-three-columns[class*="lightgray-red-section"] .container h2 .h4, .section-three-columns[class*="lightgray-red-section"] .container h2 .h5 {
    color: #ffffff; }
  .section-three-columns[class*="lightgray-red-section"] .container h2 a:not([class]) {
    color: #ffffff;
    background: linear-gradient(0deg, #ffffff, #ffffff) no-repeat left bottom/100% var(--bg-h); }

.section-three-columns[class*="lightgray-red-section"] .container .content {
  background-color: #F7F7F7;
  color: #2A252D; }

.section-three-columns[class*="red-darkgray-section"]:before {
  background-color: #2A252D; }

.section-three-columns[class*="red-darkgray-section"] .container h2 {
  color: #ffffff; }
  .section-three-columns[class*="red-darkgray-section"] .container h2 h1, .section-three-columns[class*="red-darkgray-section"] .container h2 h2, .section-three-columns[class*="red-darkgray-section"] .container h2 h3, .section-three-columns[class*="red-darkgray-section"] .container h2 h4, .section-three-columns[class*="red-darkgray-section"] .container h2 h5, .section-three-columns[class*="red-darkgray-section"] .container h2 .h1, .section-three-columns[class*="red-darkgray-section"] .container h2 .h2, .section-three-columns[class*="red-darkgray-section"] .container h2 .h3, .section-three-columns[class*="red-darkgray-section"] .container h2 .h4, .section-three-columns[class*="red-darkgray-section"] .container h2 .h5 {
    color: #ffffff; }
  .section-three-columns[class*="red-darkgray-section"] .container h2 a:not([class]) {
    color: #ffffff;
    background: linear-gradient(0deg, #ffffff, #ffffff) no-repeat left bottom/100% var(--bg-h); }

.section-three-columns[class*="red-darkgray-section"] .container .content {
  background-color: #FF0500;
  color: #ffffff; }
  .section-three-columns[class*="red-darkgray-section"] .container .content h1, .section-three-columns[class*="red-darkgray-section"] .container .content h2, .section-three-columns[class*="red-darkgray-section"] .container .content h3, .section-three-columns[class*="red-darkgray-section"] .container .content h4, .section-three-columns[class*="red-darkgray-section"] .container .content h5, .section-three-columns[class*="red-darkgray-section"] .container .content .h1, .section-three-columns[class*="red-darkgray-section"] .container .content .h2, .section-three-columns[class*="red-darkgray-section"] .container .content .h3, .section-three-columns[class*="red-darkgray-section"] .container .content .h4, .section-three-columns[class*="red-darkgray-section"] .container .content .h5 {
    color: #ffffff; }
  .section-three-columns[class*="red-darkgray-section"] .container .content a:not([class]) {
    color: #ffffff;
    background: linear-gradient(0deg, #ffffff, #ffffff) no-repeat left bottom/100% var(--bg-h); }

.section-three-columns[class*="darkgray-red-section"]:before {
  background-color: #FF0500; }

.section-three-columns[class*="darkgray-red-section"] .container h2 {
  color: #ffffff; }
  .section-three-columns[class*="darkgray-red-section"] .container h2 h1, .section-three-columns[class*="darkgray-red-section"] .container h2 h2, .section-three-columns[class*="darkgray-red-section"] .container h2 h3, .section-three-columns[class*="darkgray-red-section"] .container h2 h4, .section-three-columns[class*="darkgray-red-section"] .container h2 h5, .section-three-columns[class*="darkgray-red-section"] .container h2 .h1, .section-three-columns[class*="darkgray-red-section"] .container h2 .h2, .section-three-columns[class*="darkgray-red-section"] .container h2 .h3, .section-three-columns[class*="darkgray-red-section"] .container h2 .h4, .section-three-columns[class*="darkgray-red-section"] .container h2 .h5 {
    color: #ffffff; }
  .section-three-columns[class*="darkgray-red-section"] .container h2 a:not([class]) {
    color: #ffffff;
    background: linear-gradient(0deg, #ffffff, #ffffff) no-repeat left bottom/100% var(--bg-h); }

.section-three-columns[class*="darkgray-red-section"] .container .content {
  background-color: #2A252D;
  color: #ffffff; }
  .section-three-columns[class*="darkgray-red-section"] .container .content h1, .section-three-columns[class*="darkgray-red-section"] .container .content h2, .section-three-columns[class*="darkgray-red-section"] .container .content h3, .section-three-columns[class*="darkgray-red-section"] .container .content h4, .section-three-columns[class*="darkgray-red-section"] .container .content h5, .section-three-columns[class*="darkgray-red-section"] .container .content .h1, .section-three-columns[class*="darkgray-red-section"] .container .content .h2, .section-three-columns[class*="darkgray-red-section"] .container .content .h3, .section-three-columns[class*="darkgray-red-section"] .container .content .h4, .section-three-columns[class*="darkgray-red-section"] .container .content .h5 {
    color: #ffffff; }
  .section-three-columns[class*="darkgray-red-section"] .container .content a:not([class]) {
    color: #ffffff;
    background: linear-gradient(0deg, #ffffff, #ffffff) no-repeat left bottom/100% var(--bg-h); }

.section-three-columns[class*="darkgray-red-section"]:before {
  background-color: #FF0500; }

.section-three-columns[class*="darkgray-red-section"] .container h2 {
  color: #ffffff; }
  .section-three-columns[class*="darkgray-red-section"] .container h2 h1, .section-three-columns[class*="darkgray-red-section"] .container h2 h2, .section-three-columns[class*="darkgray-red-section"] .container h2 h3, .section-three-columns[class*="darkgray-red-section"] .container h2 h4, .section-three-columns[class*="darkgray-red-section"] .container h2 h5, .section-three-columns[class*="darkgray-red-section"] .container h2 .h1, .section-three-columns[class*="darkgray-red-section"] .container h2 .h2, .section-three-columns[class*="darkgray-red-section"] .container h2 .h3, .section-three-columns[class*="darkgray-red-section"] .container h2 .h4, .section-three-columns[class*="darkgray-red-section"] .container h2 .h5 {
    color: #ffffff; }
  .section-three-columns[class*="darkgray-red-section"] .container h2 a:not([class]) {
    color: #ffffff;
    background: linear-gradient(0deg, #ffffff, #ffffff) no-repeat left bottom/100% var(--bg-h); }

.section-three-columns[class*="darkgray-red-section"] .container .content {
  background-color: #2A252D;
  color: #ffffff; }
  .section-three-columns[class*="darkgray-red-section"] .container .content h1, .section-three-columns[class*="darkgray-red-section"] .container .content h2, .section-three-columns[class*="darkgray-red-section"] .container .content h3, .section-three-columns[class*="darkgray-red-section"] .container .content h4, .section-three-columns[class*="darkgray-red-section"] .container .content h5, .section-three-columns[class*="darkgray-red-section"] .container .content .h1, .section-three-columns[class*="darkgray-red-section"] .container .content .h2, .section-three-columns[class*="darkgray-red-section"] .container .content .h3, .section-three-columns[class*="darkgray-red-section"] .container .content .h4, .section-three-columns[class*="darkgray-red-section"] .container .content .h5 {
    color: #ffffff; }
  .section-three-columns[class*="darkgray-red-section"] .container .content a:not([class]) {
    color: #ffffff;
    background: linear-gradient(0deg, #ffffff, #ffffff) no-repeat left bottom/100% var(--bg-h); }

.section-three-columns[class*="magenta-darkblue-section"]:before {
  background-color: #002896; }

.section-three-columns[class*="magenta-darkblue-section"] .container h2 {
  color: #ffffff; }
  .section-three-columns[class*="magenta-darkblue-section"] .container h2 h1, .section-three-columns[class*="magenta-darkblue-section"] .container h2 h2, .section-three-columns[class*="magenta-darkblue-section"] .container h2 h3, .section-three-columns[class*="magenta-darkblue-section"] .container h2 h4, .section-three-columns[class*="magenta-darkblue-section"] .container h2 h5, .section-three-columns[class*="magenta-darkblue-section"] .container h2 .h1, .section-three-columns[class*="magenta-darkblue-section"] .container h2 .h2, .section-three-columns[class*="magenta-darkblue-section"] .container h2 .h3, .section-three-columns[class*="magenta-darkblue-section"] .container h2 .h4, .section-three-columns[class*="magenta-darkblue-section"] .container h2 .h5 {
    color: #ffffff; }
  .section-three-columns[class*="magenta-darkblue-section"] .container h2 a:not([class]) {
    color: #ffffff;
    background: linear-gradient(0deg, #ffffff, #ffffff) no-repeat left bottom/100% var(--bg-h); }

.section-three-columns[class*="magenta-darkblue-section"] .container .content {
  background-color: #FA0F64;
  color: #ffffff; }
  .section-three-columns[class*="magenta-darkblue-section"] .container .content h1, .section-three-columns[class*="magenta-darkblue-section"] .container .content h2, .section-three-columns[class*="magenta-darkblue-section"] .container .content h3, .section-three-columns[class*="magenta-darkblue-section"] .container .content h4, .section-three-columns[class*="magenta-darkblue-section"] .container .content h5, .section-three-columns[class*="magenta-darkblue-section"] .container .content .h1, .section-three-columns[class*="magenta-darkblue-section"] .container .content .h2, .section-three-columns[class*="magenta-darkblue-section"] .container .content .h3, .section-three-columns[class*="magenta-darkblue-section"] .container .content .h4, .section-three-columns[class*="magenta-darkblue-section"] .container .content .h5 {
    color: #ffffff; }
  .section-three-columns[class*="magenta-darkblue-section"] .container .content a:not([class]) {
    color: #ffffff;
    background: linear-gradient(0deg, #ffffff, #ffffff) no-repeat left bottom/100% var(--bg-h); }

.section-three-columns[class*="darkblue-magenta-section"]:before {
  background-color: #FA0F64; }

.section-three-columns[class*="darkblue-magenta-section"] .container h2 {
  color: #ffffff; }
  .section-three-columns[class*="darkblue-magenta-section"] .container h2 h1, .section-three-columns[class*="darkblue-magenta-section"] .container h2 h2, .section-three-columns[class*="darkblue-magenta-section"] .container h2 h3, .section-three-columns[class*="darkblue-magenta-section"] .container h2 h4, .section-three-columns[class*="darkblue-magenta-section"] .container h2 h5, .section-three-columns[class*="darkblue-magenta-section"] .container h2 .h1, .section-three-columns[class*="darkblue-magenta-section"] .container h2 .h2, .section-three-columns[class*="darkblue-magenta-section"] .container h2 .h3, .section-three-columns[class*="darkblue-magenta-section"] .container h2 .h4, .section-three-columns[class*="darkblue-magenta-section"] .container h2 .h5 {
    color: #ffffff; }
  .section-three-columns[class*="darkblue-magenta-section"] .container h2 a:not([class]) {
    color: #ffffff;
    background: linear-gradient(0deg, #ffffff, #ffffff) no-repeat left bottom/100% var(--bg-h); }

.section-three-columns[class*="darkblue-magenta-section"] .container .content {
  background-color: #002896;
  color: #ffffff; }
  .section-three-columns[class*="darkblue-magenta-section"] .container .content h1, .section-three-columns[class*="darkblue-magenta-section"] .container .content h2, .section-three-columns[class*="darkblue-magenta-section"] .container .content h3, .section-three-columns[class*="darkblue-magenta-section"] .container .content h4, .section-three-columns[class*="darkblue-magenta-section"] .container .content h5, .section-three-columns[class*="darkblue-magenta-section"] .container .content .h1, .section-three-columns[class*="darkblue-magenta-section"] .container .content .h2, .section-three-columns[class*="darkblue-magenta-section"] .container .content .h3, .section-three-columns[class*="darkblue-magenta-section"] .container .content .h4, .section-three-columns[class*="darkblue-magenta-section"] .container .content .h5 {
    color: #ffffff; }
  .section-three-columns[class*="darkblue-magenta-section"] .container .content a:not([class]) {
    color: #ffffff;
    background: linear-gradient(0deg, #ffffff, #ffffff) no-repeat left bottom/100% var(--bg-h); }

.section-three-columns[class*="lightblue-purple-section"]:before {
  background-color: #50008C; }

.section-three-columns[class*="lightblue-purple-section"] .container h2 {
  color: #ffffff; }
  .section-three-columns[class*="lightblue-purple-section"] .container h2 h1, .section-three-columns[class*="lightblue-purple-section"] .container h2 h2, .section-three-columns[class*="lightblue-purple-section"] .container h2 h3, .section-three-columns[class*="lightblue-purple-section"] .container h2 h4, .section-three-columns[class*="lightblue-purple-section"] .container h2 h5, .section-three-columns[class*="lightblue-purple-section"] .container h2 .h1, .section-three-columns[class*="lightblue-purple-section"] .container h2 .h2, .section-three-columns[class*="lightblue-purple-section"] .container h2 .h3, .section-three-columns[class*="lightblue-purple-section"] .container h2 .h4, .section-three-columns[class*="lightblue-purple-section"] .container h2 .h5 {
    color: #ffffff; }
  .section-three-columns[class*="lightblue-purple-section"] .container h2 a:not([class]) {
    color: #ffffff;
    background: linear-gradient(0deg, #ffffff, #ffffff) no-repeat left bottom/100% var(--bg-h); }

.section-three-columns[class*="lightblue-purple-section"] .container .content {
  background-color: #00BEFF;
  color: #2A252D; }

.section-three-columns[class*="purple-lightblue-section"]:before {
  background-color: #00BEFF; }

.section-three-columns[class*="purple-lightblue-section"] .container h2 {
  color: #2A252D; }

.section-three-columns[class*="purple-lightblue-section"] .container .content {
  background-color: #50008C;
  color: #ffffff; }
  .section-three-columns[class*="purple-lightblue-section"] .container .content h1, .section-three-columns[class*="purple-lightblue-section"] .container .content h2, .section-three-columns[class*="purple-lightblue-section"] .container .content h3, .section-three-columns[class*="purple-lightblue-section"] .container .content h4, .section-three-columns[class*="purple-lightblue-section"] .container .content h5, .section-three-columns[class*="purple-lightblue-section"] .container .content .h1, .section-three-columns[class*="purple-lightblue-section"] .container .content .h2, .section-three-columns[class*="purple-lightblue-section"] .container .content .h3, .section-three-columns[class*="purple-lightblue-section"] .container .content .h4, .section-three-columns[class*="purple-lightblue-section"] .container .content .h5 {
    color: #ffffff; }
  .section-three-columns[class*="purple-lightblue-section"] .container .content a:not([class]) {
    color: #ffffff;
    background: linear-gradient(0deg, #ffffff, #ffffff) no-repeat left bottom/100% var(--bg-h); }

.section-three-columns[class*="yellow-magenta-section"]:before {
  background-color: #FA0F64; }

.section-three-columns[class*="yellow-magenta-section"] .container h2 {
  color: #ffffff; }
  .section-three-columns[class*="yellow-magenta-section"] .container h2 h1, .section-three-columns[class*="yellow-magenta-section"] .container h2 h2, .section-three-columns[class*="yellow-magenta-section"] .container h2 h3, .section-three-columns[class*="yellow-magenta-section"] .container h2 h4, .section-three-columns[class*="yellow-magenta-section"] .container h2 h5, .section-three-columns[class*="yellow-magenta-section"] .container h2 .h1, .section-three-columns[class*="yellow-magenta-section"] .container h2 .h2, .section-three-columns[class*="yellow-magenta-section"] .container h2 .h3, .section-three-columns[class*="yellow-magenta-section"] .container h2 .h4, .section-three-columns[class*="yellow-magenta-section"] .container h2 .h5 {
    color: #ffffff; }
  .section-three-columns[class*="yellow-magenta-section"] .container h2 a:not([class]) {
    color: #ffffff;
    background: linear-gradient(0deg, #ffffff, #ffffff) no-repeat left bottom/100% var(--bg-h); }

.section-three-columns[class*="yellow-magenta-section"] .container .content {
  background-color: #FFC800;
  color: #2A252D; }

.section-three-columns[class*="magenta-yellow-section"]:before {
  background-color: #FFC800; }

.section-three-columns[class*="magenta-yellow-section"] .container h2 {
  color: #2A252D; }

.section-three-columns[class*="magenta-yellow-section"] .container .content {
  background-color: #FA0F64;
  color: #ffffff; }
  .section-three-columns[class*="magenta-yellow-section"] .container .content h1, .section-three-columns[class*="magenta-yellow-section"] .container .content h2, .section-three-columns[class*="magenta-yellow-section"] .container .content h3, .section-three-columns[class*="magenta-yellow-section"] .container .content h4, .section-three-columns[class*="magenta-yellow-section"] .container .content h5, .section-three-columns[class*="magenta-yellow-section"] .container .content .h1, .section-three-columns[class*="magenta-yellow-section"] .container .content .h2, .section-three-columns[class*="magenta-yellow-section"] .container .content .h3, .section-three-columns[class*="magenta-yellow-section"] .container .content .h4, .section-three-columns[class*="magenta-yellow-section"] .container .content .h5 {
    color: #ffffff; }
  .section-three-columns[class*="magenta-yellow-section"] .container .content a:not([class]) {
    color: #ffffff;
    background: linear-gradient(0deg, #ffffff, #ffffff) no-repeat left bottom/100% var(--bg-h); }

.section-three-columns[class*="green-purple-section"]:before {
  background-color: #50008C; }

.section-three-columns[class*="green-purple-section"] .container h2 {
  color: #ffffff; }
  .section-three-columns[class*="green-purple-section"] .container h2 h1, .section-three-columns[class*="green-purple-section"] .container h2 h2, .section-three-columns[class*="green-purple-section"] .container h2 h3, .section-three-columns[class*="green-purple-section"] .container h2 h4, .section-three-columns[class*="green-purple-section"] .container h2 h5, .section-three-columns[class*="green-purple-section"] .container h2 .h1, .section-three-columns[class*="green-purple-section"] .container h2 .h2, .section-three-columns[class*="green-purple-section"] .container h2 .h3, .section-three-columns[class*="green-purple-section"] .container h2 .h4, .section-three-columns[class*="green-purple-section"] .container h2 .h5 {
    color: #ffffff; }
  .section-three-columns[class*="green-purple-section"] .container h2 a:not([class]) {
    color: #ffffff;
    background: linear-gradient(0deg, #ffffff, #ffffff) no-repeat left bottom/100% var(--bg-h); }

.section-three-columns[class*="green-purple-section"] .container .content {
  background-color: #00C878;
  color: #2A252D; }

.section-three-columns[class*="purple-green-section"]:before {
  background-color: #00C878; }

.section-three-columns[class*="purple-green-section"] .container h2 {
  color: #2A252D; }

.section-three-columns[class*="purple-green-section"] .container .content {
  background-color: #50008C;
  color: #ffffff; }
  .section-three-columns[class*="purple-green-section"] .container .content h1, .section-three-columns[class*="purple-green-section"] .container .content h2, .section-three-columns[class*="purple-green-section"] .container .content h3, .section-three-columns[class*="purple-green-section"] .container .content h4, .section-three-columns[class*="purple-green-section"] .container .content h5, .section-three-columns[class*="purple-green-section"] .container .content .h1, .section-three-columns[class*="purple-green-section"] .container .content .h2, .section-three-columns[class*="purple-green-section"] .container .content .h3, .section-three-columns[class*="purple-green-section"] .container .content .h4, .section-three-columns[class*="purple-green-section"] .container .content .h5 {
    color: #ffffff; }
  .section-three-columns[class*="purple-green-section"] .container .content a:not([class]) {
    color: #ffffff;
    background: linear-gradient(0deg, #ffffff, #ffffff) no-repeat left bottom/100% var(--bg-h); }

.section-three-columns[class*="darkgray-black-section"]:before {
  background-color: #111; }

.section-three-columns[class*="darkgray-black-section"] .container h2 {
  color: #2A252D; }

.section-three-columns[class*="darkgray-black-section"] .container .content {
  background-color: #2A252D;
  color: #ffffff; }
  .section-three-columns[class*="darkgray-black-section"] .container .content h1, .section-three-columns[class*="darkgray-black-section"] .container .content h2, .section-three-columns[class*="darkgray-black-section"] .container .content h3, .section-three-columns[class*="darkgray-black-section"] .container .content h4, .section-three-columns[class*="darkgray-black-section"] .container .content h5, .section-three-columns[class*="darkgray-black-section"] .container .content .h1, .section-three-columns[class*="darkgray-black-section"] .container .content .h2, .section-three-columns[class*="darkgray-black-section"] .container .content .h3, .section-three-columns[class*="darkgray-black-section"] .container .content .h4, .section-three-columns[class*="darkgray-black-section"] .container .content .h5 {
    color: #ffffff; }
  .section-three-columns[class*="darkgray-black-section"] .container .content a:not([class]) {
    color: #ffffff;
    background: linear-gradient(0deg, #ffffff, #ffffff) no-repeat left bottom/100% var(--bg-h); }

/*# sourceMappingURL=threecolumns.css.map */