/**
 * -----------------------------------------------------------------------------
 * New Colors - Source: Figma (these names will not change in Figma as they come
 * from the Figma library, we should standardize around them).
 * -----------------------------------------------------------------------------
 */
/* Custom breakpoints for mobile carousel */
/* Navy icons */
.component.component-new-card-grid .content {
  padding-top: 36px;
  padding-bottom: 36px;
}
@media (min-width: 768px) {
  .component.component-new-card-grid .content {
    padding-bottom: 36px;
    padding-top: 36px;
  }
}
@media (min-width: 992px) {
  .component.component-new-card-grid .content {
    padding: 36px 50px;
  }
}
.component.component-new-card-grid .content .field--name-field-component-display-header {
  display: block;
  font-family: "Liberator", Helvetica, sans-serif;
  line-height: 1;
  margin-bottom: 18px;
  font-size: 38px;
  font-size: 3.8rem;
}
@media (min-width: 768px) {
  .component.component-new-card-grid .content .field--name-field-component-display-header {
    font-size: 42px;
    font-size: 4.2rem;
    margin-bottom: 24px;
  }
}
@media (min-width: 992px) {
  .component.component-new-card-grid .content .field--name-field-component-display-header {
    font-size: 48px;
    font-size: 4.8rem;
  }
}
.component.component-new-card-grid .content .field--name-field-component-display-header > p {
  font-family: "Liberator", Helvetica, sans-serif;
  font-size: 38px;
  font-size: 3.8rem;
  line-height: 1;
  margin: 0;
}
@media (min-width: 768px) {
  .component.component-new-card-grid .content .field--name-field-component-display-header > p {
    font-size: 42px;
    font-size: 4.2rem;
  }
}
@media (min-width: 992px) {
  .component.component-new-card-grid .content .field--name-field-component-display-header > p {
    font-size: 48px;
    font-size: 4.8rem;
  }
}
.component.component-new-card-grid .content .field--name-field-component-display-header h2, .component.component-new-card-grid .content .field--name-field-component-display-header h3, .component.component-new-card-grid .content .field--name-field-component-display-header h4, .component.component-new-card-grid .content .field--name-field-component-display-header h5, .component.component-new-card-grid .content .field--name-field-component-display-header h6, .component.component-new-card-grid .content .field--name-field-component-display-header div.default-header {
  font-family: "Liberator", Helvetica, sans-serif;
  line-height: normal;
  margin: 0;
}
.component.component-new-card-grid .content .field--name-field-component-display-header h2 > p, .component.component-new-card-grid .content .field--name-field-component-display-header h3 > p, .component.component-new-card-grid .content .field--name-field-component-display-header h4 > p, .component.component-new-card-grid .content .field--name-field-component-display-header h5 > p, .component.component-new-card-grid .content .field--name-field-component-display-header h6 > p, .component.component-new-card-grid .content .field--name-field-component-display-header div.default-header > p {
  display: block;
  font-family: "Liberator", Helvetica, sans-serif;
  line-height: normal;
  margin: 0;
}
.component.component-new-card-grid .content .field--name-field-component-display-header h2 .nv-liberator-lt, .component.component-new-card-grid .content .field--name-field-component-display-header h3 .nv-liberator-lt, .component.component-new-card-grid .content .field--name-field-component-display-header h4 .nv-liberator-lt, .component.component-new-card-grid .content .field--name-field-component-display-header h5 .nv-liberator-lt, .component.component-new-card-grid .content .field--name-field-component-display-header h6 .nv-liberator-lt, .component.component-new-card-grid .content .field--name-field-component-display-header div.default-header .nv-liberator-lt {
  font-family: "Liberator-Light", Helvetica, sans-serif;
}
.component.component-new-card-grid .content .field--name-field-component-display-header h2 .nv-liberator, .component.component-new-card-grid .content .field--name-field-component-display-header h3 .nv-liberator, .component.component-new-card-grid .content .field--name-field-component-display-header h4 .nv-liberator, .component.component-new-card-grid .content .field--name-field-component-display-header h5 .nv-liberator, .component.component-new-card-grid .content .field--name-field-component-display-header h6 .nv-liberator, .component.component-new-card-grid .content .field--name-field-component-display-header div.default-header .nv-liberator {
  font-family: "Liberator", Helvetica, sans-serif;
}
.component.component-new-card-grid .content .field--name-field-component-display-header h2 .nv-liberator-hv, .component.component-new-card-grid .content .field--name-field-component-display-header h3 .nv-liberator-hv, .component.component-new-card-grid .content .field--name-field-component-display-header h4 .nv-liberator-hv, .component.component-new-card-grid .content .field--name-field-component-display-header h5 .nv-liberator-hv, .component.component-new-card-grid .content .field--name-field-component-display-header h6 .nv-liberator-hv, .component.component-new-card-grid .content .field--name-field-component-display-header div.default-header .nv-liberator-hv {
  font-family: "Liberator-Heavy", Helvetica, sans-serif;
}
.component.component-new-card-grid .content .field--name-field-component-display-header h1, .component.component-new-card-grid .content .field--name-field-component-display-header h2, .component.component-new-card-grid .content .field--name-field-component-display-header h3, .component.component-new-card-grid .content .field--name-field-component-display-header h4, .component.component-new-card-grid .content .field--name-field-component-display-header h5, .component.component-new-card-grid .content .field--name-field-component-display-header h6, .component.component-new-card-grid .content .field--name-field-component-display-header p {
  font-size: 38px;
  font-size: 3.8rem;
}
@media (min-width: 768px) {
  .component.component-new-card-grid .content .field--name-field-component-display-header h1, .component.component-new-card-grid .content .field--name-field-component-display-header h2, .component.component-new-card-grid .content .field--name-field-component-display-header h3, .component.component-new-card-grid .content .field--name-field-component-display-header h4, .component.component-new-card-grid .content .field--name-field-component-display-header h5, .component.component-new-card-grid .content .field--name-field-component-display-header h6, .component.component-new-card-grid .content .field--name-field-component-display-header p {
    font-size: 42px;
    font-size: 4.2rem;
  }
}
@media (min-width: 992px) {
  .component.component-new-card-grid .content .field--name-field-component-display-header h1, .component.component-new-card-grid .content .field--name-field-component-display-header h2, .component.component-new-card-grid .content .field--name-field-component-display-header h3, .component.component-new-card-grid .content .field--name-field-component-display-header h4, .component.component-new-card-grid .content .field--name-field-component-display-header h5, .component.component-new-card-grid .content .field--name-field-component-display-header h6, .component.component-new-card-grid .content .field--name-field-component-display-header p {
    font-size: 48px;
    font-size: 4.8rem;
  }
}
.component.component-new-card-grid .content .field--name-field-component-display-header.d72m56 h1, .component.component-new-card-grid .content .field--name-field-component-display-header.d72m56 h2, .component.component-new-card-grid .content .field--name-field-component-display-header.d72m56 h3, .component.component-new-card-grid .content .field--name-field-component-display-header.d72m56 h4, .component.component-new-card-grid .content .field--name-field-component-display-header.d72m56 h5, .component.component-new-card-grid .content .field--name-field-component-display-header.d72m56 h6, .component.component-new-card-grid .content .field--name-field-component-display-header.d72m56 p {
  font-size: 56px;
  font-size: 5.6rem;
}
@media (min-width: 768px) {
  .component.component-new-card-grid .content .field--name-field-component-display-header.d72m56 h1, .component.component-new-card-grid .content .field--name-field-component-display-header.d72m56 h2, .component.component-new-card-grid .content .field--name-field-component-display-header.d72m56 h3, .component.component-new-card-grid .content .field--name-field-component-display-header.d72m56 h4, .component.component-new-card-grid .content .field--name-field-component-display-header.d72m56 h5, .component.component-new-card-grid .content .field--name-field-component-display-header.d72m56 h6, .component.component-new-card-grid .content .field--name-field-component-display-header.d72m56 p {
    font-size: 62px;
    font-size: 6.2rem;
  }
}
@media (min-width: 992px) {
  .component.component-new-card-grid .content .field--name-field-component-display-header.d72m56 h1, .component.component-new-card-grid .content .field--name-field-component-display-header.d72m56 h2, .component.component-new-card-grid .content .field--name-field-component-display-header.d72m56 h3, .component.component-new-card-grid .content .field--name-field-component-display-header.d72m56 h4, .component.component-new-card-grid .content .field--name-field-component-display-header.d72m56 h5, .component.component-new-card-grid .content .field--name-field-component-display-header.d72m56 h6, .component.component-new-card-grid .content .field--name-field-component-display-header.d72m56 p {
    font-size: 72px;
    font-size: 7.2rem;
  }
}
.component.component-new-card-grid .content .field--name-field-component-display-header.d64m48 h1, .component.component-new-card-grid .content .field--name-field-component-display-header.d64m48 h2, .component.component-new-card-grid .content .field--name-field-component-display-header.d64m48 h3, .component.component-new-card-grid .content .field--name-field-component-display-header.d64m48 h4, .component.component-new-card-grid .content .field--name-field-component-display-header.d64m48 h5, .component.component-new-card-grid .content .field--name-field-component-display-header.d64m48 h6, .component.component-new-card-grid .content .field--name-field-component-display-header.d64m48 p {
  font-size: 48px;
  font-size: 4.8rem;
}
@media (min-width: 768px) {
  .component.component-new-card-grid .content .field--name-field-component-display-header.d64m48 h1, .component.component-new-card-grid .content .field--name-field-component-display-header.d64m48 h2, .component.component-new-card-grid .content .field--name-field-component-display-header.d64m48 h3, .component.component-new-card-grid .content .field--name-field-component-display-header.d64m48 h4, .component.component-new-card-grid .content .field--name-field-component-display-header.d64m48 h5, .component.component-new-card-grid .content .field--name-field-component-display-header.d64m48 h6, .component.component-new-card-grid .content .field--name-field-component-display-header.d64m48 p {
    font-size: 52px;
    font-size: 5.2rem;
  }
}
@media (min-width: 992px) {
  .component.component-new-card-grid .content .field--name-field-component-display-header.d64m48 h1, .component.component-new-card-grid .content .field--name-field-component-display-header.d64m48 h2, .component.component-new-card-grid .content .field--name-field-component-display-header.d64m48 h3, .component.component-new-card-grid .content .field--name-field-component-display-header.d64m48 h4, .component.component-new-card-grid .content .field--name-field-component-display-header.d64m48 h5, .component.component-new-card-grid .content .field--name-field-component-display-header.d64m48 h6, .component.component-new-card-grid .content .field--name-field-component-display-header.d64m48 p {
    font-size: 64px;
    font-size: 6.4rem;
  }
}
.component.component-new-card-grid .content .field--name-field-component-display-header.d48m38 h1, .component.component-new-card-grid .content .field--name-field-component-display-header.d48m38 h2, .component.component-new-card-grid .content .field--name-field-component-display-header.d48m38 h3, .component.component-new-card-grid .content .field--name-field-component-display-header.d48m38 h4, .component.component-new-card-grid .content .field--name-field-component-display-header.d48m38 h5, .component.component-new-card-grid .content .field--name-field-component-display-header.d48m38 h6, .component.component-new-card-grid .content .field--name-field-component-display-header.d48m38 p {
  font-size: 38px;
  font-size: 3.8rem;
}
@media (min-width: 768px) {
  .component.component-new-card-grid .content .field--name-field-component-display-header.d48m38 h1, .component.component-new-card-grid .content .field--name-field-component-display-header.d48m38 h2, .component.component-new-card-grid .content .field--name-field-component-display-header.d48m38 h3, .component.component-new-card-grid .content .field--name-field-component-display-header.d48m38 h4, .component.component-new-card-grid .content .field--name-field-component-display-header.d48m38 h5, .component.component-new-card-grid .content .field--name-field-component-display-header.d48m38 h6, .component.component-new-card-grid .content .field--name-field-component-display-header.d48m38 p {
    font-size: 42px;
    font-size: 4.2rem;
  }
}
@media (min-width: 992px) {
  .component.component-new-card-grid .content .field--name-field-component-display-header.d48m38 h1, .component.component-new-card-grid .content .field--name-field-component-display-header.d48m38 h2, .component.component-new-card-grid .content .field--name-field-component-display-header.d48m38 h3, .component.component-new-card-grid .content .field--name-field-component-display-header.d48m38 h4, .component.component-new-card-grid .content .field--name-field-component-display-header.d48m38 h5, .component.component-new-card-grid .content .field--name-field-component-display-header.d48m38 h6, .component.component-new-card-grid .content .field--name-field-component-display-header.d48m38 p {
    font-size: 48px;
    font-size: 4.8rem;
  }
}
.component.component-new-card-grid .content .field--name-field-component-display-header.d32m26 h1, .component.component-new-card-grid .content .field--name-field-component-display-header.d32m26 h2, .component.component-new-card-grid .content .field--name-field-component-display-header.d32m26 h3, .component.component-new-card-grid .content .field--name-field-component-display-header.d32m26 h4, .component.component-new-card-grid .content .field--name-field-component-display-header.d32m26 h5, .component.component-new-card-grid .content .field--name-field-component-display-header.d32m26 h6, .component.component-new-card-grid .content .field--name-field-component-display-header.d32m26 p {
  font-size: 26px;
  font-size: 2.6rem;
}
@media (min-width: 768px) {
  .component.component-new-card-grid .content .field--name-field-component-display-header.d32m26 h1, .component.component-new-card-grid .content .field--name-field-component-display-header.d32m26 h2, .component.component-new-card-grid .content .field--name-field-component-display-header.d32m26 h3, .component.component-new-card-grid .content .field--name-field-component-display-header.d32m26 h4, .component.component-new-card-grid .content .field--name-field-component-display-header.d32m26 h5, .component.component-new-card-grid .content .field--name-field-component-display-header.d32m26 h6, .component.component-new-card-grid .content .field--name-field-component-display-header.d32m26 p {
    font-size: 32px;
    font-size: 3.2rem;
  }
}
@media (min-width: 992px) {
  .component.component-new-card-grid .content .field--name-field-component-display-header.d32m26 h1, .component.component-new-card-grid .content .field--name-field-component-display-header.d32m26 h2, .component.component-new-card-grid .content .field--name-field-component-display-header.d32m26 h3, .component.component-new-card-grid .content .field--name-field-component-display-header.d32m26 h4, .component.component-new-card-grid .content .field--name-field-component-display-header.d32m26 h5, .component.component-new-card-grid .content .field--name-field-component-display-header.d32m26 h6, .component.component-new-card-grid .content .field--name-field-component-display-header.d32m26 p {
    font-size: 32px;
    font-size: 3.2rem;
  }
}
.component.component-new-card-grid .content .field--name-field-component-display-header.d24m20 h1, .component.component-new-card-grid .content .field--name-field-component-display-header.d24m20 h2, .component.component-new-card-grid .content .field--name-field-component-display-header.d24m20 h3, .component.component-new-card-grid .content .field--name-field-component-display-header.d24m20 h4, .component.component-new-card-grid .content .field--name-field-component-display-header.d24m20 h5, .component.component-new-card-grid .content .field--name-field-component-display-header.d24m20 h6, .component.component-new-card-grid .content .field--name-field-component-display-header.d24m20 p {
  font-size: 20px;
  font-size: 2rem;
}
@media (min-width: 768px) {
  .component.component-new-card-grid .content .field--name-field-component-display-header.d24m20 h1, .component.component-new-card-grid .content .field--name-field-component-display-header.d24m20 h2, .component.component-new-card-grid .content .field--name-field-component-display-header.d24m20 h3, .component.component-new-card-grid .content .field--name-field-component-display-header.d24m20 h4, .component.component-new-card-grid .content .field--name-field-component-display-header.d24m20 h5, .component.component-new-card-grid .content .field--name-field-component-display-header.d24m20 h6, .component.component-new-card-grid .content .field--name-field-component-display-header.d24m20 p {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
@media (min-width: 992px) {
  .component.component-new-card-grid .content .field--name-field-component-display-header.d24m20 h1, .component.component-new-card-grid .content .field--name-field-component-display-header.d24m20 h2, .component.component-new-card-grid .content .field--name-field-component-display-header.d24m20 h3, .component.component-new-card-grid .content .field--name-field-component-display-header.d24m20 h4, .component.component-new-card-grid .content .field--name-field-component-display-header.d24m20 h5, .component.component-new-card-grid .content .field--name-field-component-display-header.d24m20 h6, .component.component-new-card-grid .content .field--name-field-component-display-header.d24m20 p {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
.component.component-new-card-grid .content .field--name-body {
  padding-bottom: 32px;
  font-size: 16px;
  font-size: 1.6rem;
}
.component.component-new-card-grid .content .field--name-body h1, .component.component-new-card-grid .content .field--name-body h2, .component.component-new-card-grid .content .field--name-body h3, .component.component-new-card-grid .content .field--name-body h4, .component.component-new-card-grid .content .field--name-body h5, .component.component-new-card-grid .content .field--name-body h6 {
  margin-bottom: 0;
}
.component.component-new-card-grid .content .field--name-body p {
  font-size: 16px;
  font-size: 1.6rem;
}
.component.component-new-card-grid .content .grid-container {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  padding-top: 0;
  gap: 16px;
  gap: 1.6rem;
}
@media (min-width: 768px) {
  .component.component-new-card-grid .content .grid-container {
    gap: 40px;
    gap: 4rem;
  }
}
.component.component-new-card-grid .content .grid-container > .field--item {
  padding-bottom: 0;
}
.component.component-new-card-grid .content .grid-container > .field--item .node--type-component-image-copy-and-cta:before, .component.component-new-card-grid .content .grid-container > .field--item .node--type-component-image-copy-and-cta:after {
  display: none !important;
}
.component.component-new-card-grid .content .grid-container > .field--item .node.node--type-component-image-copy-and-cta.node--view-mode-default.node--promoted.component.component-image-copy-and-cta.is-promoted.default.clearfix.default-image {
  height: 100%;
  margin-bottom: 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.component.component-new-card-grid .content .grid-container > .field--item .img-responsive {
  width: 100%;
}
.component.component-new-card-grid .content .grid-container .component.component-image-copy-and-cta {
  -webkit-box-pack: unset;
  -ms-flex-pack: unset;
  justify-content: unset;
}
.component.component-new-card-grid .content .grid-container .component.component-image-copy-and-cta.default-image .content-img-card {
  padding: 0;
}
.component.component-new-card-grid .content .grid-container .component.component-image-copy-and-cta.default-image .content-img-card.image_card .card-content .field.field--name-field-component-display-header {
  margin-bottom: 0;
}
.component.component-new-card-grid .content .grid-container .component.component-image-copy-and-cta.default-image .content-img-card.icon_card {
  padding: 16px;
}
.component.component-new-card-grid .content .grid-container .component.component-image-copy-and-cta.default-image .content-img-card.icon_card .card-content .field.field--name-field-component-display-header {
  margin-bottom: 0;
}
.component.component-new-card-grid .content .grid-container .component.component-image-copy-and-cta.default-image .content-img-card.bg-on {
  padding: 16px;
}
.component.component-new-card-grid .content .grid-container.left .component.component-image-copy-and-cta.default-image .content-img-card.center .card-image {
  -webkit-box-pack: left;
  -ms-flex-pack: left;
  justify-content: left;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
}
.component.component-new-card-grid .content .grid-container.left .component.component-image-copy-and-cta.default-image .content-img-card.center .card-image .field.field--name-field-eyebrow {
  -webkit-box-pack: left;
  -ms-flex-pack: left;
  justify-content: left;
}
.component.component-new-card-grid .content .grid-container.left .component.component-image-copy-and-cta.default-image .content-img-card.center .card-content {
  text-align: left;
}
.component.component-new-card-grid .content .grid-container.left .component.component-image-copy-and-cta.default-image .content-img-card.center .card-content .decorative_line.field.field--name-field-component-display-header {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.component.component-new-card-grid .content .grid-container.left .component.component-image-copy-and-cta.default-image .content-img-card.center .card-content .decorative_line.field.field--name-field-component-display-header:before {
  content: unset;
}
.component.component-new-card-grid .content .grid-container.left .component.component-image-copy-and-cta.default-image .content-img-card.center .card-content .field--name-field-link {
  -webkit-box-pack: left;
  -ms-flex-pack: left;
  justify-content: left;
}
.component.component-new-card-grid .content .grid-container.left .component.component-image-copy-and-cta.default-image .content-img-card .card-content {
  text-align: left;
}
.component.component-new-card-grid .content .grid-container.left .component.component-image-copy-and-cta.default-image .content-img-card .card-content .decorative_line.field.field--name-field-display-header {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.component.component-new-card-grid .content .grid-container.left .component.component-image-copy-and-cta.default-image .content-img-card.center.icon_card .card-image {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  gap: 16px;
}
.component.component-new-card-grid .content .grid-container.center .component.component-image-copy-and-cta.default-image .content-img-card .card-image .field.field--name-field-eyebrow {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.component.component-new-card-grid .content .grid-container.center .component.component-image-copy-and-cta.default-image .content-img-card .card-content {
  text-align: center;
}
.component.component-new-card-grid .content .grid-container.center .component.component-image-copy-and-cta.default-image .content-img-card .card-content .decorative_line.field.field--name-field-component-display-header {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.component.component-new-card-grid .content .grid-container.center .component.component-image-copy-and-cta.default-image .content-img-card .card-content .decorative_line.field.field--name-field-component-display-header:before {
  content: "";
  -webkit-box-flex: 1;
  -ms-flex: 1 0 0px;
  flex: 1 0 0;
  height: 2px;
  background: #0076A9;
  margin-bottom: 5px;
}
.component.component-new-card-grid .content .grid-container.center .component.component-image-copy-and-cta.default-image .content-img-card .card-content .field--name-field-link {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.component.component-new-card-grid .content .grid-container.center .component.component-image-copy-and-cta.default-image .content-img-card.icon_card.left .card-image {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.component.component-new-card-grid .content .grid-container.center .component.component-image-copy-and-cta .content-img-card.image_card.left .card-content .decorative_line:before, .component.component-new-card-grid .content .grid-container.center .component.component-image-copy-and-cta .content-img-card.image_card.center .card-content .decorative_line:before {
  margin-top: 0;
}
.component.component-new-card-grid .content .grid-container.center .component.component-image-copy-and-cta .content-img-card.image_card.left .card-content .decorative_line:after, .component.component-new-card-grid .content .grid-container.center .component.component-image-copy-and-cta .content-img-card.image_card.center .card-content .decorative_line:after {
  margin-top: 0;
}
@media (min-width: 768px) {
  .component.component-new-card-grid .empty-gap {
    display: block;
    height: 5rem;
  }
  .component.component-new-card-grid.grid-2 .grid-container, .component.component-new-card-grid.grid-3 .grid-container {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 40px;
    gap: 4rem;
  }
}
@media (min-width: 992px) {
  .component.component-new-card-grid.grid-2 .grid-container {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 40px;
    gap: 4rem;
  }
  .component.component-new-card-grid.grid-3 .grid-container {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 30px;
    gap: 3rem;
  }
}