.feature-cards {
  padding: 2.5rem 0;
  --fc-card-bg-odd: var(--white);
  --fc-card-bg-even: var(--base-brand-5);
  --fc-card-border-color: var(--tag-line-color);
  --fc-eyebrow-color: var(--tag-line-color);
  --fc-title-color: var(--text-gray-heading);
  --fc-text-color: var(--text-gray-body);
}
@media (min-width: 992px) {
  .feature-cards {
    padding: 6.0625rem 0;
  }
}
.feature-cards.bg-deep-blue, .feature-cards.bg-blue {
  --fc-card-border-color: transparent;
  --fc-eyebrow-color: var(--tag-line-color-fixed);
  --fc-title-color: var(--text-gray-heading-fixed);
  --fc-text-color: var(--text-gray-body-fixed);
}
.feature-cards.bg-light-blue {
  --fc-card-bg-even: var(--white);
}
.feature-cards__card {
  display: flex;
  flex-direction: column;
  padding: 2rem;
  border-radius: 0.5rem;
}
@media (min-width: 992px) {
  .feature-cards__card {
    padding: 3rem;
  }
}
.feature-cards__card .button-w {
  background: transparent;
}
.feature-cards__card .button-w:hover, .feature-cards__card .button-w:focus, .feature-cards__card .button-w:active {
  background: var(--brand-700);
  color: var(--white);
}
.feature-cards__card .button-w:hover svg path, .feature-cards__card .button-w:focus svg path, .feature-cards__card .button-w:active svg path {
  stroke: var(--white);
}
.feature-cards__list > li:nth-child(odd) .feature-cards__card {
  border: 1px solid var(--fc-card-border-color);
  background: var(--fc-card-bg-odd);
}
.feature-cards__list > li:nth-child(even) .feature-cards__card {
  background: var(--fc-card-bg-even);
}
.feature-cards__eyebrow {
  margin: 0 0 0.5rem;
  font-weight: 500;
  color: var(--fc-eyebrow-color);
}
.feature-cards__title {
  margin: 0 0 0.5rem;
  color: var(--fc-title-color);
}
.feature-cards__text {
  color: var(--fc-text-color);
}
.feature-cards__text ul,
.feature-cards__text ol {
  margin: 0;
}
.feature-cards__text > * + * {
  margin-top: 0.75em;
}
.feature-cards__note {
  margin-top: 1rem;
  color: var(--fc-title-color);
  font-weight: 600;
}
.feature-cards__footer {
  margin-top: auto;
}
.feature-cards__actions {
  margin-top: 1rem;
  justify-content: flex-start;
}