/* =================================================================
Hero with Columns
================================================================= */
.c-hero {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  position: relative;
  overflow: hidden;
}
.c-hero .c-hero__container {
  max-width: 73rem;
}
.c-hero .c-breadcrumbs {
  display: none;
  position: absolute;
  z-index: 1;
  top: 1em;
  left: 1.5rem;
  color: #54565a;
}
.c-hero .c-breadcrumbs .c-breadcrumbs__link {
  color: #54565a;
}
.c-hero .c-breadcrumbs .c-breadcrumbs__list-item--last {
  color: #54565a;
}
.c-hero .c-breadcrumbs .c-breadcrumbs__list-item:after {
  color: #54565a;
}
.c-hero .c-hero__content {
  position: relative;
  width: 100%;
  padding: 3rem 0;
}
.c-hero .c-hero__content .hero-content-wrapper.with-1-column .hero-copy-section {
  margin-left: auto;
  margin-right: auto;
}
.c-hero .c-hero__content .hero-content-wrapper.with-1-column .hero-image-section {
  margin-left: auto;
  margin-right: auto;
}
.c-hero .c-hero__content .hero-copy-section {
  margin-bottom: 3.5rem;
  padding: 0 1.3125rem 0 1.3125rem;
}
.c-hero .c-hero__content .hero-image-section {
  text-align: center;
}
.c-hero .c-hero__content .c-hero__content--title sup {
  top: -2.75em;
  font-size: 0.875rem;
  font-weight: 400;
}
.c-hero .c-hero__content .c-hero__content--tagline sup {
  top: -1em;
  font-size: 0.875rem;
  font-weight: 400;
}
.c-hero .c-hero__content .c-hero__content--title sup a,
.c-hero .c-hero__content .c-hero__content--tagline sup a {
  font-weight: 400;
  text-decoration: underline;
}
/* ===============================
Subtitle
================================== */
.c-hero .c-hero__content .c-hero__content--subtitle {
  display: block;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.2;
  color: #fff;
  padding: 0;
  margin-bottom: 0.4375rem;
}
.c-hero .c-hero__content .c-hero__content--subtitle sup {
  top: -1em;
  font-size: 0.875rem;
  font-weight: 400;
}
/* ===============================
Font Options
================================== */
/* Serif */
.c-hero .c-hero__content .c-hero__content--title-serif {
  width: 100%;
  padding: 0;
  margin-bottom: 1.5rem;
  font-family: "Chronicle", "Times New Roman", Times, serif;
  font-size: 2.875rem;
  font-weight: 400;
  line-height: 1;
  text-shadow: none;
}
/* Sans-Serif */
.c-hero .c-hero__content .c-hero__content--title-sans-serif {
  padding: 0;
  font-family: "Open Sans", "Arial", sans-serif;
  font-size: 3.625rem;
  line-height: 1.2 !important;
  font-weight: 400;
  width: 100%;
  text-shadow: none;
  margin-bottom: 1.5rem;
}
/* ===============================
Sub-Title Color
================================== */
/* Default */
.c-hero .c-hero__content--subtitle {
  color: #444;
}
/* White */
.c-hero .c-hero__content .c-hero__content--subtitle--white,
.c-hero .c-hero__content .c-hero__content--subtitle--white a,
.c-hero .c-hero__content .c-hero__content--subtitle--white sup {
  color: #fff !important;
}
/* Gray */
.c-hero .c-hero__content .c-hero__content--subtitle--gray,
.c-hero .c-hero__content .c-hero__content--subtitle--gray a,
.c-hero .c-hero__content .c-hero__content--subtitle--gray sup {
  color: #444 !important;
}
/* Black */
.c-hero .c-hero__content .c-hero__content--subtitle--black,
.c-hero .c-hero__content .c-hero__content--subtitle--black a,
.c-hero .c-hero__content .c-hero__content--subtitle--black sup {
  color: #000 !important;
}
/* FT Blue */
.c-hero .c-hero__content .c-hero__content--subtitle--ftblue,
.c-hero .c-hero__content .c-hero__content--subtitle--ftblue a,
.c-hero .c-hero__content .c-hero__content--subtitle--ftblue sup {
  color: #1B4695 !important;
}
/* Topaz */
.c-hero .c-hero__content .c-hero__content--subtitle--topaz,
.c-hero .c-hero__content .c-hero__content--subtitle--topaz a,
.c-hero .c-hero__content .c-hero__content--subtitle--topaz sup {
  color: #67B2E8 !important;
}
/* Azurite */
.c-hero .c-hero__content .c-hero__content--subtitle--azurite,
.c-hero .c-hero__content .c-hero__content--subtitle--azurite a,
.c-hero .c-hero__content .c-hero__content--subtitle--azurite sup {
  color: #1775BB !important;
}
/* Lapis */
.c-hero .c-hero__content .c-hero__content--subtitle--lapis,
.c-hero .c-hero__content .c-hero__content--subtitle--lapis a,
.c-hero .c-hero__content .c-hero__content--subtitle--lapis sup {
  color: #1C2758 !important;
}
/* Citrine */
.c-hero .c-hero__content .c-hero__content--subtitle--lapis,
.c-hero .c-hero__content .c-hero__content--subtitle--lapis a,
.c-hero .c-hero__content .c-hero__content--subtitle--lapis sup {
  color: #FEC824 !important;
  text-shadow: 2px 2px 6px #1b4796;
}

/* ===============================
Title Color
================================== */
/* Default */
.c-hero .c-hero__content .c-hero__content--title {
  color: #444;
}
/* White */
.c-hero .c-hero__content .c-hero__content--title--white,
.c-hero .c-hero__content .c-hero__content--title--white a,
.c-hero .c-hero__content .c-hero__content--title--white sup,
.c-hero .c-hero__content .c-hero__content--subtitle--white,
.c-hero .c-hero__content .c-hero__content--subtitle--white a,
.c-hero .c-hero__content .c-hero__content--subtitle--white sup {
  color: #fff !important;
}
/* Gray */
.c-hero .c-hero__content .c-hero__content--title--gray,
.c-hero .c-hero__content .c-hero__content--title--gray a,
.c-hero .c-hero__content .c-hero__content--title--gray sup,
.c-hero .c-hero__content .c-hero__content--subtitle--gray,
.c-hero .c-hero__content .c-hero__content--subtitle--gray a,
.c-hero .c-hero__content .c-hero__content--subtitle--gray sup {
  color: #444 !important;
}
/* Black */
.c-hero .c-hero__content .c-hero__content--title--black,
.c-hero .c-hero__content .c-hero__content--title--black a,
.c-hero .c-hero__content .c-hero__content--title--black sup,
.c-hero .c-hero__content .c-hero__content--subtitle--black,
.c-hero .c-hero__content .c-hero__content--subtitle--black a,
.c-hero .c-hero__content .c-hero__content--subtitle--black sup {
  color: #000 !important;
}
/* FT Blue */
.c-hero .c-hero__content .c-hero__content--title--ftblue,
.c-hero .c-hero__content .c-hero__content--title--ftblue a,
.c-hero .c-hero__content .c-hero__content--title--ftblue sup,
.c-hero .c-hero__content .c-hero__content--subtitle--ftblue,
.c-hero .c-hero__content .c-hero__content--subtitle--ftblue a,
.c-hero .c-hero__content .c-hero__content--subtitle--ftblue sup {
  color: #1B4695 !important;
}
/* Topaz */
.c-hero .c-hero__content .c-hero__content--title--topaz,
.c-hero .c-hero__content .c-hero__content--title--topaz a,
.c-hero .c-hero__content .c-hero__content--title--topaz sup,
.c-hero .c-hero__content .c-hero__content--subtitle--topaz,
.c-hero .c-hero__content .c-hero__content--subtitle--topaz a,
.c-hero .c-hero__content .c-hero__content--subtitle--topaz sup {
  color: #67B2E8 !important;
}
/* Azurite */
.c-hero .c-hero__content .c-hero__content--title--azurite,
.c-hero .c-hero__content .c-hero__content--title--azurite a,
.c-hero .c-hero__content .c-hero__content--title--azurite sup,
 .c-hero .c-hero__content .c-hero__content--subtitle--azurite,
 .c-hero .c-hero__content .c-hero__content--subtitle--azurite a,
 .c-hero .c-hero__content .c-hero__content--subtitle--azurite sup {
  color: #1775BB !important;
}
/* Lapis */
.c-hero .c-hero__content .c-hero__content--title--lapis,
.c-hero .c-hero__content .c-hero__content--title--lapis a,
.c-hero .c-hero__content .c-hero__content--title--lapis sup,
.c-hero .c-hero__content .c-hero__content--subtitle--lapis,
.c-hero .c-hero__content .c-hero__content--subtitle--lapis a,
.c-hero .c-hero__content .c-hero__content--subtitle--lapis sup {
  color: #1C2758 !important;
}
/* Citrine */
.c-hero .c-hero__content .c-hero__content--title--citrine,
.c-hero .c-hero__content .c-hero__content--title--citrine a,
.c-hero .c-hero__content .c-hero__content--title--citrine sup,
.c-hero .c-hero__content .c-hero__content--subtitle--citrine,
.c-hero .c-hero__content .c-hero__content--subtitle--citrine a,
.c-hero .c-hero__content .c-hero__content--subtitle--citrine sup {
  color: #FEC824 !important;
  text-shadow: 2px 2px 6px #1b4796;
}
/* ===============================
Tagline Color
================================== */
/* Default */
.c-hero .c-hero__content .c-hero__content--tagline {
  margin-bottom: 3rem;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.3;
  color: #54565a;
  text-shadow: none;
}
/* White */
.c-hero .c-hero__content .c-hero__content--tagline--white,
.c-hero .c-hero__content .c-hero__content--tagline--white a,
.c-hero .c-hero__content .c-hero__content--tagline--white sup {
  color: #fff !important;
}
/* Gray */
.c-hero .c-hero__content .c-hero__content--tagline--gray,
.c-hero .c-hero__content .c-hero__content--tagline--gray a,
.c-hero .c-hero__content .c-hero__content--tagline--gray sup {
  color: #444 !important;
}
/* Black */
.c-hero .c-hero__content .c-hero__content--tagline--black,
.c-hero .c-hero__content .c-hero__content--tagline--black a,
.c-hero .c-hero__content .c-hero__content--tagline--black sup {
  color: #000 !important;
}
/* FT Blue */
.c-hero .c-hero__content .c-hero__content--tagline--ftblue,
.c-hero .c-hero__content .c-hero__content--tagline--ftblue a,
.c-hero .c-hero__content .c-hero__content--tagline--ftblue sup {
  color: #1B4695 !important;
}
/* Topaz */
.c-hero .c-hero__content .c-hero__content--tagline--topaz,
.c-hero .c-hero__content .c-hero__content--tagline--topaz a,
.c-hero .c-hero__content .c-hero__content--tagline--topaz sup {
  color: #67B2E8 !important;
}
/* Azurite */
.c-hero .c-hero__content .c-hero__content--tagline--azurite,
.c-hero .c-hero__content .c-hero__content--tagline--azurite a,
.c-hero .c-hero__content .c-hero__content--tagline--azurite sup {
  color: #1775BB !important;
}
/* Lapis */
.c-hero .c-hero__content .c-hero__content--tagline--lapis,
.c-hero .c-hero__content .c-hero__content--tagline--lapis a,
.c-hero .c-hero__content .c-hero__content--tagline--lapis sup {
  color: #1C2758 !important;
}
/* Citrine */
.c-hero .c-hero__content .c-hero__content--tagline--citrine,
.c-hero .c-hero__content .c-hero__content--tagline--citrine a,
.c-hero .c-hero__content .c-hero__content--tagline--citrine sup {
  color: #FEC824 !important;
  text-shadow: 2px 2px 6px #1b4796;
}
.c-hero .button-wrapper {
  margin-bottom: 1.5rem;
}
.c-hero .hero-cta-button--rounded-corners {
  border-radius: 0.375rem;
}
.c-hero .hero-cta-button--rounded-button {
  border-radius: 3rem;
}
/* ===============================
CTA Color Options
================================== */
/* Default */
.c-hero .hero-cta-button {
  width: 100%;
  display: inline-block;
  font-size: 1.25rem;
  text-align: center;
  line-height: 1;
  font-weight: 600;
  text-decoration: none;
  padding: 0.9375rem 2.3125rem;
  background-color: #1c2758;
  color: #fff;
  border: 0.125rem solid #1c2758;
  transition: background-color 0.15s ease-in-out, border 0.15s ease-in-out;
}
/* FT Green */
.c-hero .hero-cta-button--ftgreen {
  background-color: #08aa66 !important;
  color: #fff !important;
  border: 0.125rem solid #08aa66 !important;
  text-decoration: none !important;
}
/* FT Blue */
.c-hero .hero-cta-button--ftblue {
  background-color: #1B4695 !important;
  color: #fff !important;
  border: 0.125rem solid #1B4695 !important;
  text-decoration: none !important;
}
/* Topaz */
.c-hero .hero-cta-button--topaz {
  background-color: #67B2E8 !important;
  color: #000 !important;
  border: 0.125rem solid #67B2E8 !important;
  text-decoration: none !important;
}
/* Azurite */
.c-hero .hero-cta-button--azurite {
  background-color: #1775BB !important;
  color: #fff !important;
  border: 0.125rem solid #1775BB !important;
  text-decoration: none !important;
}
/* Ghost */
.c-hero .hero-cta-button--ghost {
  background-color: transparent !important;
  color: #fff !important;
  border: 0.125rem solid #fff !important;
  text-decoration: none !important;
}
/* White */
.c-hero .hero-cta-button--white {
  background-color: #fff !important;
  color: #1B4695 !important;
  border: 0.125rem solid #fff !important;
  text-decoration: none !important;
}

/* ===============================
Secondary Link Color Options
================================== */
/* Default */
.c-hero .secondary-link .the-link a {
  text-decoration: underline;
  color: #1c2758;
  font-size: 1.25rem;
  font-weight: 500;
}
/* White */
.c-hero .secondary-link .the-link--white a {
  color: #fff !important;
}
/* Black */
.c-hero .secondary-link .the-link--black a {
  color: #000 !important;
}
/* FT Blue */
.c-hero .secondary-link .the-link--ftblue a {
  color: #1B4695 !important;
}
/* Topaz */
.c-hero .secondary-link .the-link--topaz a {
  color: #67B2E8 !important;
}
/* Azurite */
.c-hero .secondary-link .the-link--azurite a {
  color: #1775BB !important;
}
/* ===============================
Component Background Color
================================== */
/* Default */
.c-hero {
  background: linear-gradient(rgba(226, 226, 226, 0.2) 0%, rgba(139, 141, 141, 0.2) 75%, #fff 75%);
}

/* Dark Gray */
.c-hero--dark-gray {
  background: #444 !important;
}
.c-hero--dark-gray .c-breadcrumbs__link,
.c-hero--dark-gray .c-breadcrumbs__list-item--last,
.c-hero--dark-gray .c-breadcrumbs__list-item:after {
  color: #fff !important;
}
/* LT Blue */
.c-hero--ltblue {
  background: #eef7fe !important;
}
.c-hero--ltblue .c-breadcrumbs__link,
.c-hero--ltblue .c-breadcrumbs__list-item--last,
.c-hero--ltblue .c-breadcrumbs__list-item:after {
  color: #444 !important;
}
/* FT Blue */
.c-hero--ftblue {
  background: #1B4695 !important;
}
.c-hero--ftblue .c-breadcrumbs__link,
.c-hero--ftblue .c-breadcrumbs__list-item--last,
.c-hero--ftblue .c-breadcrumbs__list-item:after {
  color: #fff !important;
}
/* Topaz */
.c-hero--topaz {
  background: #67B2E8 !important;
}
.c-hero--topaz .c-breadcrumbs__link,
.c-hero.c-hero--topaz .c-breadcrumbs__list-item--last,
.c-hero.c-hero--topaz .c-breadcrumbs__list-item:after {
  color: #333 !important;
}
/* Azurite */
.c-hero--azurite {
  background: #1775BB !important;
}
.c-hero--azurite .c-breadcrumbs__link,
.c-hero--azurite .c-breadcrumbs__list-item--last,
.c-hero--azurite .c-breadcrumbs__list-item:after {
  color: #fff;
}
/* Lapis */
.c-hero--lapis {
  background: #1C2758 !important;
}
.c-hero--lapis .c-breadcrumbs__link,
.c-hero--lapis .c-breadcrumbs__list-item--last,
.c-hero--lapis .c-breadcrumbs__list-item:after {
  color: #fff;
}
/* White */
.c-hero--white {
  background: #fff !important;
}
.c-hero--white .c-breadcrumbs__link,
.c-hero--white .c-breadcrumbs__list-item--last,
.c-hero--white .c-breadcrumbs__list-item:after {
  color: #333;
}
/* FT Blue-Topaz-FT Green Gradient */
.c-hero--blue-green-gradient {
  background: linear-gradient(90deg, rgba(27,70,149,1) 0%, rgba(23,117,187,1) 35%, rgba(8,170,102,1)100%) !important;
}
.c-hero--blue-green-gradient .c-breadcrumbs__link,
.c-hero--blue-green-gradient .c-breadcrumbs__list-item--last,
.c-hero--blue-green-gradient .c-breadcrumbs__list-item:after {
  color: #fff;
}
/* FT Blue-Topaz Gradient */
.c-hero--blue-gradient {
  background: linear-gradient(90deg, rgba(14,95,206,1) 0%, rgba(14,95,206,1) 35%, rgba(87,181,248,1) 100%) !important;
}
.c-hero--blue-gradient .c-breadcrumbs__link,
.c-hero--blue-gradient .c-breadcrumbs__list-item--last,
.c-hero--blue-gradient .c-breadcrumbs__list-item:after {
  color: #fff;
}

@media only screen and (min-width: 75em) {
  .c-hero .hero-cta-button {
    padding: 0.9375rem 2.3125rem;
  }
  .c-hero .c-hero__content .hero-content-wrapper.with-2-columns .hero-copy-section {
    width: 48%;
  }
  .c-hero .c-hero__content {
    padding: 4.0625rem 0 2rem;
  }
}
@media only screen and (min-width: 64em) {
  .c-hero .hero-cta-button {
    width: auto;
    display: inline-block;
    padding: 0.9375rem 1.5rem;
  }
  .c-hero .hero-cta-button:hover {
    background-color: #54565a;
    border: 0.125rem solid #54565a;
    text-decoration: none;
    color: #fff;
  }
  .c-hero .c-hero__content .hero-content-wrapper.with-2-columns .hero-image-section {
    width: 48%;
    margin: 0;
  }
  .c-hero .c-hero__content .hero-image-section {
    position: absolute;
    right: 0;
  }
  .hero-with-columns .c-hero {
    max-height: 640px;
    min-height: 450px;
  }
  .c-hero .c-hero__content .hero-image-section img {
    object-fit: fill;
    height: 100%;
    width: 100%;
  }
  .c-hero .c-hero__content .hero-image-section--top {
    top: -2em !important;
    width: 48% !important;
    }
  .c-hero .c-hero__content .hero-image-section--right {
    right: -4em !important;
    width: 48% !important;
  }
  .c-hero .c-hero__content .hero-image-section--bottom {
      bottom: -1em !important;
      width: 48% !important;
    }
  .c-hero .button-wrapper {
    display: inline-block;
    margin-bottom: 0;
    margin-right: 1.5rem;
  }
  .c-hero .c-hero__content {
    padding: 4.0625rem 1rem 2rem;
  }
  .c-hero .c-hero__content .hero-content-wrapper.with-2-columns {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .c-hero .c-hero__content .hero-content-wrapper.with-2-columns .hero-copy-section {
    width: 50%;
    padding: 0;
  }
  .c-hero .c-hero__content .c-hero__content--title-serif {
    font-size: 3.125rem;
  }
  .c-hero .secondary-link {
    display: inline-block;
  }
  .c-hero .c-hero__content .c-hero__content--title-sans-serif {
    font-size: 4rem;
    line-height: 3.5rem;
  }
  .c-hero {
    background: linear-gradient(231.83deg, rgba(226, 226, 226, 0.2) 0%, rgba(139, 141, 141, 0.2) 100%);
  }
  .c-hero .c-hero__content .c-hero__content--subtitle {
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 56.25em) {
  /* .c-hero .c-hero__content .hero-content-wrapper.with-2-columns .hero-image-section img {
    display: none;
  } */
  .c-hero .c-hero__content .hero-copy-section {
    margin-bottom: 0;
  }
  .c-hero .c-hero__content .hero-content-wrapper.with-2-columns .hero-image-section img {
    display: block;
  }
  .c-hero .c-hero__content .hero-image-section {
    position: relative;
    right: 0;
    margin: 0 1.5rem;
  }
  .c-hero .c-hero__content {
    padding: 3rem 0 0;
  }
  .c-hero .secondary-link {
    text-align: center;
  }
  .c-hero .c-hero__content .hero-copy-section {
    margin-bottom: 0;
  }
  .c-hero .c-hero__content .hero-content-wrapper.with-2-columns .hero-image-section img {
    display: block;
  }
  .c-hero .c-hero__content .hero-image-section {
    position: relative;
    right: 0;
  }
  .c-hero .c-hero__content {
    padding: 3rem 0 0;
  }
}
@media only screen and (min-width: 56.25em) {
  .c-hero .hero-cta-button--ftgreen:hover,
  .c-hero .hero-cta-button--ftgreen:focus {
    background-color: #00804a !important;
    border: 0.125rem solid #00804a !important;
    text-decoration: none !important;
    color: #fff !important;
  }
  .c-hero .secondary-link .the-link--ftblue a:hover,
  .c-hero .secondary-link .the-link--ftblue a:focus {
    color: #2054b3 !important;
  }
  .c-hero .secondary-link .the-link--white a:hover,
  .c-hero .secondary-link .the-link--white a:focus {
    color: #fff !important;
  }
  .c-hero .secondary-link .the-link--black a:hover,
  .c-hero .secondary-link .the-link--black a:focus {
    color: #000 !important;
  }
  .c-hero .secondary-link .the-link--topaz a:hover,
  .c-hero .secondary-link .the-link--topaz a:focus {
    color: #65a1ce !important;
  }
  .c-hero .secondary-link .the-link--azurite a:hover,
  .c-hero .secondary-link .the-link--azurite a:focus {
    color: #13619a !important;
  }
  .c-hero .hero-cta-button--ftblue:hover,
  .c-hero .hero-cta-button--ftblue:focus {
    background-color: #2054b3 !important;
    color: #fff !important;
    border: 0.125rem solid #2054b3 !important;
  }
  .c-hero .hero-cta-button--topaz:hover,
  .c-hero .hero-cta-button--topaz:focus {
    background-color: #65a1ce !important;
    border: 0.125rem solid #65a1ce !important;
    color: #000 !important;
  }
  .c-hero .hero-cta-button--azurite:hover,
  .c-hero .hero-cta-button--azurite:focus {
    background-color: #13619a !important;
    border: 0.125rem solid #13619a !important;
    color: #fff !important;
  }
  .c-hero .hero-cta-button--ghost:hover,
  .c-hero .hero-cta-button--ghost:focus {
    background-color: #1c2758 !important;
    border: 0.125rem solid #1c2758 !important;
    color: #fff !important;
  }
  .c-hero .hero-cta-button--white:hover,
  .c-hero .hero-cta-button--white:focus {
    background-color: #1c2758 !important;
    border: 0.125rem solid #1c2758 !important;
    color: #fff !important;
  }
}
@media only screen and (min-width: 30em) {
  .c-hero .c-breadcrumbs {
    display: block;
  }
}

/* Hero */
@media only screen and (min-width: 64em) {
    .hero-with-columns .home-lending .c-hero {
        max-height: 330px !important;
        height: auto;
        min-height: 330px !important;
    }
    .hero-with-columns .home-lending .c-hero .c-hero__content .c-hero__content--title-sans-serif {
        font-size: 3rem;
        line-height: 2.5rem;
    }
    .hero-with-columns .home-lending .c-hero .c-hero__content .hero-content-wrapper.with-2-columns .hero-copy-section {
        width: 58%;
        padding: 1rem 0 0;
    }
}
.hero-with-columns .home-lending .c-hero {
    position: relative;
    background: url('../content/dam/fifth-third/home-lending/background/BackgroundPattern.svg') var(--brand-primary-opal) repeat center;
    overflow: hidden;
}
.hero-with-columns .home-lending .c-hero.c-hero--ftblue {
    background: var(--brand-primary-opal) !important;
}
.hero-with-columns .home-lending .c-hero.c-hero--topaz {
    background: var(--brand-secondary-topaz) !important;
}
.hero-with-columns .home-lending .c-hero.c-hero--azurite {
    background: var(--brand-secondary-azurite) !important;
}
.hero-with-columns .home-lending .c-hero.c-hero--lapis {
    background: var(--brand-secondary-lapis) !important;
}
.hero-with-columns .home-lending .c-hero .c-hero__content .c-hero__content--title,
.hero-with-columns .home-lending .c-hero .c-hero__content .c-hero__content--tagline {
    color: var(--brand-primary-marble);
}
.hero-with-columns .home-lending .c-hero .c-hero__content .c-hero__content--tagline {
    margin-bottom: 1rem;
    font-size: 1.15rem;
    font-weight: 400;
    line-height: 1.3;
    text-shadow: none;
}
.hero-with-columns .home-lending .c-breadcrumbs__link,
.hero-with-columns .home-lending .c-breadcrumbs__list-item--last,
.hero-with-columns .home-lending .c-breadcrumbs__list-item:after {
    color: var(--brand-primary-marble) !important;
}
.hero-with-columns .home-lending .c-hero .c-hero__content {
    position: relative;
    padding: 1rem;
    width: 100%;
    min-height: 330px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
}
.hero-with-columns .home-lending .c-hero .c-hero__content .c-hero__content--title-sans-serif {
    font-size: 2.25rem;
    font-weight: 600;
}
.hero-with-columns .home-lending .c-hero .c-hero__content .hero-copy-section {
    margin-bottom: 0;
    padding: 0 1.3125rem 0 1.3125rem;
}
.hero-with-columns .home-lending .c-hero .button-wrapper {
    text-align: left;
}
@media only screen and (min-width: 768px) {
    .hero-with-columns .home-lending .c-hero .button-wrapper {
        display: inline-block;
        width: 100%;
        text-align: left;
    }
    .hero-with-columns .home-lending .c-hero .hero-cta-button--white {
        margin-bottom: 0;
        margin-right: 1rem;
    }
    .hero-with-columns .home-lending .c-hero .hero-cta-button--white {
        width: auto !important;
    }
}
.hero-with-columns .home-lending .dropdown-container {
    position: relative;
    display: inline;
}
@media only screen and (max-width: 1023px) {
    .hero-with-columns .home-lending .c-hero .c-hero__content {
        padding: 3rem 0 0;
    }
    .hero-with-columns .home-lending .c-hero .hero-cta-button--white {
        margin-bottom: 1rem;
    }
    .hero-with-columns .home-lending .c-hero .dropdown-menu.show,
    .hero-with-columns .momentum .c-hero .dropdown-menu.show {
        display: block;
        margin-top: -0.05rem !important;
        width: auto;
    }
    .hero-with-columns .home-lending .c-hero .hero-cta-button {
        width: auto;
    }
}
@media only screen and (min-width: 850px) {
    .hero-with-columns .home-lending .c-hero .c-hero__content .hero-content-wrapper.with-2-columns {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: justify;
        -moz-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -moz-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .hero-with-columns .home-lending .c-hero .c-hero__content .hero-image-section {
        position: absolute;
        right: -4rem;
        top: 0;
        overflow: hidden;
        height: 330px;
        width: auto;
    }
    .hero-with-columns .home-lending .c-hero .c-hero__content .hero-image-section img {
        object-fit: fill;
        height: auto;
        width: auto;
    }
    .hero-with-columns .home-lending .c-hero .c-hero__content .hero-copy-section {
        width: 60%;
    }
}
@media only screen and (min-width: 851px) and (max-width: 920px) {
    .hero-with-columns .home-lending .c-hero .c-hero__content .hero-image-section {
            position: absolute;
            right: -8rem;
            top: 0;
            overflow: hidden;
            height: 330px;
            width: auto;
    }
    .hero-with-columns .home-lending .c-hero .c-hero__content .hero-image-section img {
        object-fit: fill;
        height: auto !important;
        width: 80% !important;
    }
    .list-and-image-2-column-wrapper.momentum.list-and-image-2-column--split-list .list-and-image-2-column .list {
        column-gap: 440px !important;
    }
    .momentum.accordion-hidden-desktop .c-accordion .c-accordion__body {
        min-height: 670px !important;
    }
    .momentum.under-hero-cta-group .c-btn-group__single {
        flex-direction: row;
        padding-bottom: 2rem;
        border: none;
        padding-top: 0;
    }
}
@media only screen and (min-width: 700px) and (max-width: 720px) {
    .hero-with-columns .home-lending .c-hero .button-wrapper {
        display: inline-block;
    }
}
@media only screen and (max-width: 820px) {
    .hero-with-columns .home-lending .c-hero .c-breadcrumbs {
        display: block;
    }
    .hero-with-columns .home-lending .c-hero .c-hero__content .hero-copy-section {
        padding: 1.5rem 1.3125rem 0 1.3125rem;
    }
    .hero-with-columns .home-lending .c-hero .c-hero__content .hero-copy-section {
        padding: 1.5rem 1.3125rem 0 1.3125rem;
    }
    .hero-with-columns .home-lending .c-hero .c-breadcrumbs {
        display: block;
    }
    .hero-with-columns .home-lending .c-hero .c-hero__content .hero-image-section img{
        display: none !important;
    }
}
@media only screen and (max-width: 600px) {
    .hero-with-columns .home-lending .c-hero .primary-button {
        margin-bottom: 1rem;
        width: 100%;
    }
    .hero-with-columns .home-lending .c-hero .dropdown-menu.show,
    .momentum .c-hero .dropdown-menu.show {
        display: block;
        margin-top: -0.05rem !important;
    }
}
/* Hero Dropdown */
.hero-with-columns .home-lending .c-hero .dropdown,
.momentum .c-hero .dropdown {
    display: inline-block;
    position: relative;
}
.hero-with-columns .home-lending .c-hero .c-btn--secondary-dropdown,
.momentum .c-hero .c-btn--secondary-dropdown {
    width: 100%;
    border: 2px solid var(--brand-primary-marble);
    background: transparent;
    color: var(--brand-primary-marble);
    border-radius: 2rem;
    text-transform: none;
    font-size: 1.25rem;
    padding: 1rem 3.67rem;
}
.hero-with-columns .home-lending .c-hero .c-btn--secondary-dropdown:hover,
.hero-with-columns .home-lending .c-hero .c-btn--secondary-dropdown:focus,
.momentum .c-hero .c-btn--secondary-dropdown:hover,
.momentum .c-hero .c-btn--secondary-dropdown:focus {
    color: var(--brand-primary-marble);
    background: #03205b;
    border: 2px solid #03205b;
}
.hero-with-columns .home-lending .c-hero .c-btn--secondary-dropdown.show,
.momentum .c-hero .c-btn--secondary-dropdown.show {
    border: 0.25rem solid #fff;
    border-radius: 3rem;
    background: #2374ba;
    margin-bottom: 0.35rem;
}
.hero-with-columns .home-lending .c-hero .dropdown:has(.c-btn--secondary-dropdown.show),
.momentum .c-hero .dropdown:has(.c-btn--secondary-dropdown.show) {
    background: #fff;
    border-top-left-radius: 2rem;
    border-top-right-radius: 2rem;
}
.hero-with-columns .home-lending .c-hero .dropdown-toggle,
.momentum .c-hero .dropdown-toggle {
    white-space: nowrap;
}
.hero-with-columns .home-lending .c-hero .btn-check:checked+.btn,
.hero-with-columns .home-lending .c-hero .btn.active,
.hero-with-columns .home-lending .c-hero .btn.show,
.hero-with-columns .home-lending .c-hero .btn:first-child:active, :not(.btn-check)+.btn:active,
.momentum .c-hero .btn-check:checked+.btn,
.momentum .c-hero .btn.active,
.momentum .c-hero .btn.show,
.momentum .c-hero .btn:first-child:active, :not(.btn-check)+.btn:active {
    color: var(--bs-btn-active-color);
    background-color: var(--bs-btn-active-bg);
    border-color: var(--bs-btn-active-border-color);
}
.hero-with-columns .home-lending .c-hero .dropdown-menu,
.momentum .c-hero .dropdown-menu {
    --bs-dropdown-zindex: 1000;
    --bs-dropdown-min-width: 10rem;
    --bs-dropdown-padding-x: 0;
    --bs-dropdown-padding-y: 0.5rem;
    --bs-dropdown-spacer: 0.125rem;
    --bs-dropdown-font-size: 1rem;
    --bs-dropdown-color: #212529;
    --bs-dropdown-bg: #fff;
    --bs-dropdown-border-color: var(--bs-border-color-translucent);
    --bs-dropdown-border-radius: 0.375rem;
    --bs-dropdown-border-width: 1px;
    --bs-dropdown-inner-border-radius: calc(0.375rem - 1px);
    --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
    --bs-dropdown-divider-margin-y: 0.5rem;
    --bs-dropdown-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    --bs-dropdown-link-color: #1d4094; /* #1e2125 */
    --bs-dropdown-link-hover-color: #fff;
    --bs-dropdown-link-hover-bg: #3daa66; /* #e9ecef */
    --bs-dropdown-link-active-color: #fff;
    --bs-dropdown-link-active-bg: #0d6efd;
    --bs-dropdown-link-disabled-color: #adb5bd;
    --bs-dropdown-item-padding-x: 1rem;
    --bs-dropdown-item-padding-y: 0.25rem;
    --bs-dropdown-header-color: #6c757d;
    --bs-dropdown-header-padding-x: 1rem;
    --bs-dropdown-header-padding-y: 0.5rem;
    position: absolute;
    z-index: var(--bs-dropdown-zindex);
    display: none;
    min-width: var(--bs-dropdown-min-width);
    padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
    margin: 0;
    font-size: var(--bs-dropdown-font-size);
    color: var(--bs-dropdown-color);
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
    border-bottom-left-radius: var(--bs-dropdown-border-radius);
    border-bottom-right-radius: var(--bs-dropdown-border-radius);
    padding: 0 0.5rem 0.5rem;
    width: 100%;
}
.hero-with-columns .home-lending .c-hero .dropdown-item,
.momentum .c-hero .dropdown-item {
    display: block;
    width: 100%;
    padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
    clear: both;
    font-weight: 600;
    color: #1d4094;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    background-color: #e9ecef; /* #3daa66 */
    border: 0;
    margin: 0.5rem 0;
    border-radius: 2rem;
}
.hero-with-columns .home-lending .c-hero .dropdown-item:focus,
.hero-with-columns .home-lending .c-hero .dropdown-item:hover,
.momentum .c-hero .dropdown-item:focus,
.momentum .c-hero .dropdown-item:hover {
    color: var(--bs-dropdown-link-hover-color);
    background-color: var(--bs-dropdown-link-hover-bg);
    text-decoration: none;
}
.hero-with-columns .home-lending .c-hero .dropdown-menu.show,
.momentum .c-hero .dropdown-menu.show {
    display: block;
    margin-top: -0.05rem !important;
    width: auto;
}

/*# sourceMappingURL=hero-with-columns.css.map */