/* Page Components - Navigation Card Block */
.nav-card__container { display: flex; flex-direction: column; border: 1px solid var(--lighter-gray);  padding: 1.875em; }
.nav-card__container .text-button { margin-bottom: 0; }
.nav-card__container .button { margin-bottom: 0; }
.transparent-background-color .nav-card__container { border: 1px solid #d8d8d8; background: var(--off-white);  }
.transparent-nav-card-heading-color { color: var(--black); }
.transparent-nav-card-text-color { color: var(--black); }
.transparent-nav-card-text-color ul li:before { color: var(--black);}
.transparent-nav-card-text-color ul:not([class]) li:before { color: var(--black); }

.option-1-background-color .nav-card__container { border: 1px solid #d8d8d8; background: #ffffff;  }
.option-1-nav-card-heading-color { color: var(--black); }
.option-1-nav-card-text-color { color: var(--black); }
.option-1-nav-card-text-color ul li:before { color: var(--black);}
.option-1-nav-card-text-color ul:not([class]) li:before { color: var(--black); }

.option-2-background-color .nav-card__container { border: 1px solid var(--lighter-gray); background: var(--lightest-gray); }
.option-2-nav-card-heading-color { color: var(--black); }
.option-2-nav-card-text-color { color: var(--black); }
.option-2-nav-card-text-color ul li:before { color: var(--black);}
.option-2-nav-card-text-color ul:not([class]) li:before { color: var(--black); }

.option-3-background-color .nav-card__container { border: 1px solid var(--lighter-gray); background: var(--lightest-gray); }
.option-3-nav-card-heading-color { color: var(--black); }
.option-3-nav-card-text-color { color: var(--black); }
.option-3-nav-card-text-color ul li:before { color: var(--black);}
.option-3-nav-card-text-color ul:not([class]) li:before { color: var(--black); }

.option-4-background-color .nav-card__container { border: 1px solid var(--lighter-gray); background: var(--lightest-gray); }
.option-4-nav-card-heading-color { color: var(--black); }
.option-4-nav-card-text-color { color: var(--black); }
.option-4-nav-card-text-color ul li:before { color: var(--black);}
.option-4-nav-card-text-color ul:not([class]) li:before { color: var(--black); }