@charset "UTF-8";
.max-wrap-none, .block-max-wrap-none > .content {
  width: 100%;
  max-width: 100%;
}

.max-wrap-xsmall {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}

.block-max-wrap-xsmall > .content {
  max-width: 800px !important;
  margin: 0 auto;
}

.max-wrap-small {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}

.block-max-wrap-small > .content {
  max-width: 1000px !important;
  margin: 0 auto;
}

.max-wrap-medium {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}

.block-max-wrap-medium > .content {
  max-width: 1200px !important;
  margin: 0 auto;
}

.max-wrap {
  width: 100%;
  max-width: 1425px;
  margin: 0 auto;
}

.block-max-wrap > .content {
  max-width: 1425px !important;
  margin: 0 auto;
}

.max-wrap-large {
  width: 100%;
  max-width: 1610px;
  margin: 0 auto;
}

.block-max-wrap-large > .content {
  max-width: 1610px !important;
  margin: 0 auto;
}

html {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  color: var(--body-font-color);
}

body {
  font-family: "Soleil", sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  font-size: 1.6rem;
}

p {
  font-family: "Soleil", sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 1.3;
}
h1 p,
h2 p,
h3 p,
h4 p,
h5 p,
h6 p {
  margin: 0;
  font-size: inherit !important;
}
h1 em,
h2 em,
h3 em,
h4 em,
h5 em,
h6 em {
  color: var(--teachers-red-pen);
  font-style: normal;
}

[role=button] {
  cursor: pointer;
}

button {
  background: none;
  border: none;
}

ul li {
  break-inside: avoid;
  list-style-image: url("../htmlTemplates/images/ico-list-arrow-green.svg");
}

.script-font {
  font-family: "ff-market-web", sans-serif !important;
}

.no-top-padding * {
  transition: none !important;
}

/**ADMIN CSS **/
.cke_contents {
  resize: vertical;
}

a {
  color: var(--primary-color);
  text-decoration: underline currentColor;
  transition: text-decoration 0.2s ease;
}
a:hover, a:focus {
  text-decoration: underline currentColor;
}

.content {
  font-family: "Soleil", sans-serif;
}

main a:not([class]),
main a[class=speedbump] {
  font-weight: 700;
  text-decoration: underline transparent;
}
main a:not([class]):hover,
main a[class=speedbump]:hover {
  text-decoration: underline currentColor;
  font-weight: 700;
}

@media screen and (max-width: 979px) {
  .mobile-no-margin-bottom {
    margin-bottom: 0 !important;
  }
}
.no-margin-bottom,
.margin-bottom-none {
  margin-bottom: 0 !important;
}

.no-margin-top {
  margin-top: 0 !important;
}

.margin-top-small {
  margin-top: 0.5em !important;
}

.margin-bottom-small {
  margin-bottom: 0.5em !important;
}

.margin-top-medium {
  margin-top: 1.5em !important;
}

.margin-bottom-medium {
  margin-bottom: 1.5em !important;
}

.margin-top-large {
  margin-top: 2.5em !important;
}

.margin-bottom-large {
  margin-bottom: 2.5em !important;
}

.margin-top-xlarge {
  margin-top: 3.5em !important;
}

.margin-bottom-xlarge {
  margin-bottom: 3.5em !important;
}

.margin-top-xxlarge {
  margin-top: 5em !important;
}

.margin-bottom-xxlarge {
  margin-bottom: 5em !important;
}

@media screen and (min-width: 980px) {
  .margin-top-small {
    margin-top: 1em !important;
  }
  .margin-bottom-small {
    margin-bottom: 1em !important;
  }
  .margin-top-medium {
    margin-top: 3em !important;
  }
  .margin-bottom-medium {
    margin-bottom: 3em !important;
  }
  .margin-top-large {
    margin-top: 5em !important;
  }
  .margin-bottom-large {
    margin-bottom: 5em !important;
  }
  .margin-top-xlarge {
    margin-top: 7em !important;
  }
  .margin-bottom-xlarge {
    margin-bottom: 7em !important;
  }
  .margin-top-xxlarge {
    margin-top: 10em !important;
  }
  .margin-bottom-xxlarge {
    margin-bottom: 10em !important;
  }
}
.no-padding-top,
.no-top-padding {
  padding-top: 0 !important;
}

.no-padding-bottom,
.no-bottom-padding {
  padding-bottom: 0 !important;
}

.padding-top-small {
  padding-top: 0.5em !important;
}

.padding-bottom-small {
  padding-bottom: 0.5em !important;
}

.padding-top-medium {
  padding-top: 1.5em !important;
}

.padding-bottom-medium {
  padding-bottom: 1.5em !important;
}

.padding-top-large {
  padding-top: 2.5em !important;
}

.padding-bottom-large {
  padding-bottom: 2.5em !important;
}

.padding-top-xlarge {
  padding-top: 3.5em !important;
}

.padding-bottom-xlarge {
  padding-bottom: 3.5em !important;
}

.padding-top-xxlarge {
  padding-top: 5em !important;
}

.padding-bottom-xxlarge {
  padding-bottom: 5em !important;
}

@media screen and (min-width: 980px) {
  .padding-top-small {
    padding-top: 1em !important;
  }
  .padding-bottom-small {
    padding-bottom: 1em !important;
  }
  .padding-top-medium {
    padding-top: 3em !important;
  }
  .padding-bottom-medium {
    padding-bottom: 3em !important;
  }
  .padding-top-large {
    padding-top: 5em !important;
  }
  .padding-bottom-large {
    padding-bottom: 5em !important;
  }
  .padding-top-xlarge {
    padding-top: 7em !important;
  }
  .padding-bottom-xlarge {
    padding-bottom: 7em !important;
  }
  .padding-top-xxlarge {
    padding-top: 10em !important;
  }
  .padding-bottom-xxlarge {
    padding-bottom: 10em !important;
  }
}
.linkbox {
  cursor: pointer;
}

/** Lazy loaded backgrounds **/
.lazy {
  background-image: none;
}

html:not(.hydrated) button * {
  pointer-events: none;
}
html:not(.hydrated) a.speedbump * {
  pointer-events: none;
}

.f-h1,
h1:not([class]) {
  font-weight: 800;
  font-size: clamp(3rem, 4vw, 4rem);
  line-height: 1;
  font-family: "Soleil", sans-serif;
  color: var(--maryland-midnight);
}

.f-h2,
h2:not([class]) {
  line-height: 1.2;
  font-family: "Soleil", sans-serif;
  font-size: clamp(4rem, 5vw, 6rem);
  font-weight: 700;
  color: #002d3a;
}

.f-h3,
h3:not([class]) {
  font-weight: 700;
  font-size: clamp(2.2rem, 3vw, 2.3rem);
  line-height: 1.3;
  font-family: "Soleil", sans-serif;
  color: var(--maryland-midnight);
}

.f-h4,
h4:not([class]) {
  font-weight: 700;
  font-size: clamp(2.2rem, 3vw, 2.3rem);
  line-height: 1.3;
  font-family: "Soleil", sans-serif;
  color: var(--maryland-midnight);
}

.f-h5,
h5:not([class]) {
  font-weight: 700;
  font-size: clamp(1.7rem, 1.8vw, 2rem);
  line-height: 1.3;
  font-family: "Soleil", sans-serif;
}

.f-h6,
h6:not([class]) {
  font-weight: 400;
  font-size: clamp(1.4rem, 1.8vw, 1.6rem);
  line-height: 1.3;
  font-family: "Soleil", sans-serif;
}

.force-white {
  color: var(--white) !important;
}
.force-white *:not(.ghost-btn-white) {
  color: var(--white) !important;
}

.force-black {
  color: var(--black) !important;
}
.force-black *:not {
  color: var(--black) !important;
}

/** BRAND BACKGROUNDS **/
.bg-white {
  --blockColor: var(--white) !important;
  --box-color: var(--white) !important;
}

.bg-black {
  --blockColor: var(--black) !important;
  --box-color: var(--black) !important;
}

.open-account-modal {
  display: flex;
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.28);
  z-index: 100;
  justify-content: center;
  align-items: center;
  padding: 30px;
  overflow: scroll;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s ease;
}
.open-account-modal.open {
  opacity: 1;
  pointer-events: all;
}
@media screen and (min-width: 980px) {
  .open-account-modal {
    align-items: center;
  }
}
.open-account-modal .content {
  width: 100%;
  max-width: 820px;
  background-color: #f3f3f3;
  display: grid;
  grid-template-columns: 1fr;
  padding: 3rem 3rem 3rem;
  position: relative;
}
.open-account-modal .content:before {
  content: "";
  position: absolute;
  height: 149px;
  width: 100%;
  top: -127px;
  left: 0;
  background-image: url("../htmlTemplates/images/shape-modal.svg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  pointer-events: none;
}
@media screen and (max-width: 450px) {
  .open-account-modal .content:before {
    background-size: contain;
    top: -97px;
  }
}
.open-account-modal .content:after {
  content: "";
  position: absolute;
  height: 149px;
  width: 100%;
  bottom: -127px;
  left: 0;
  transform: scale(-1);
  background-image: url("../htmlTemplates/images/shape-modal.svg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  pointer-events: none;
}
@media screen and (max-width: 450px) {
  .open-account-modal .content:after {
    background-size: contain;
    bottom: -97px;
  }
}
@media screen and (min-width: 980px) {
  .open-account-modal .content {
    padding: 3.55rem 11.8rem 1.92rem;
  }
}
.open-account-modal .content .ico-close {
  position: absolute;
  background-color: #00A651;
  height: 86px;
  width: 86px;
  right: 59px;
  top: -90px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 979px) {
  .open-account-modal .content .ico-close {
    position: fixed;
    top: 20px;
    right: 20px;
  }
}
.open-account-modal .content .ico-close:hover {
  cursor: pointer;
}
.open-account-modal .content .ico-close img {
  pointer-events: none;
}
.open-account-modal .content .headline {
  color: #1D2E3F;
  font-family: "Soleil", sans-serif;
  font-weight: 800;
  padding: 0 0 2rem;
  font-size: 2.5rem;
  margin: 0;
  text-align: center;
  position: relative;
}
.open-account-modal .content .headline:before {
  content: "";
  position: absolute;
  height: 31px;
  width: 196px;
  top: -85px;
  left: 50%;
  transform: translateX(-50%);
  background-image: url("../htmlTemplates/images/logo-modal.svg");
  background-size: contain;
  background-repeat: no-repeat;
}
@media screen and (max-width: 979px) {
  .open-account-modal .content .headline:before {
    width: 96px;
    height: 15px;
    top: -36px;
  }
}
@media screen and (min-width: 980px) {
  .open-account-modal .content .headline {
    font-size: 4rem;
    margin: 0 0 5.1rem;
  }
}
.open-account-modal .content .options {
  display: grid;
  padding: 0;
  grid-template-columns: 1fr;
}
@media screen and (min-width: 980px) {
  .open-account-modal .content .options {
    padding: 0 0 3.01rem;
    grid-template-columns: 1fr 1fr;
  }
}
.open-account-modal .content .options h2 {
  color: #1D2E3F;
  font-family: "Soleil", sans-serif;
  font-weight: 800;
  font-size: 2.1rem;
}
@media screen and (min-width: 980px) {
  .open-account-modal .content .options h2 {
    margin-bottom: 1.35rem;
  }
}
.open-account-modal .content .options p {
  color: #49535D;
  font-size: 1.6rem;
}
.open-account-modal .content .options .existing {
  padding: 0 3.15rem 4rem;
  position: relative;
  border-bottom: 1px solid #00A651;
}
.open-account-modal .content .options .existing h2 {
  color: #1D2E3F;
  font-size: 1.8rem;
}
@media screen and (min-width: 980px) {
  .open-account-modal .content .options .existing h2 {
    font-size: 2.2rem;
  }
}
@media screen and (min-width: 980px) {
  .open-account-modal .content .options .existing {
    padding: 0 3.15rem 0 0;
    border-bottom: none;
  }
  .open-account-modal .content .options .existing:after {
    content: "";
    position: absolute;
    height: calc(100% + 25px);
    width: 1px;
    top: -10px;
    right: 0;
    background-color: #00A651;
  }
}
.open-account-modal .content .options .existing .actions a {
  max-width: 250px;
}
.open-account-modal .content .new {
  border-top: 1px solid var(--zumthor);
  border-left: none;
  padding: 4rem 3.15rem 0;
}
@media screen and (min-width: 980px) {
  .open-account-modal .content .new {
    padding: 0 0 0 4.95rem;
    border-top: none;
    border-left: 1px solid var(--zumthor);
  }
}
.open-account-modal .content .new h2 {
  color: #1D2E3F;
  font-size: 1.8rem;
}
@media screen and (min-width: 980px) {
  .open-account-modal .content .new h2 {
    font-size: 2.2rem;
  }
}
.open-account-modal .content .new .area {
  height: 93.5px;
  width: 100%;
}
.open-account-modal .content .new .actions {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}
@media screen and (min-width: 980px) {
  .open-account-modal .content .new .actions {
    gap: 2rem;
    align-items: start;
  }
}
.open-account-modal .content .new .actions a {
  max-width: 300px;
  width: 95%;
}

body:has(.cta-modal-popup.open) {
  overflow: hidden;
}

.breadcrumbs {
  display: none;
}
@media screen and (min-width: 980px) {
  .breadcrumbs {
    display: block;
  }
}
.breadcrumbs .breadcrumb {
  font-size: 1.4rem;
  font-weight: 400;
  color: var(--body-font-color);
}
.breadcrumbs .breadcrumb:hover {
  font-weight: 400;
}
.breadcrumbs .breadcrumb:after {
  content: "/";
  pointer-events: none;
  display: inline-block;
  padding: 0 0.5em 0 0.5em;
}
.breadcrumbs .breadcrumb:after:hover {
  text-decoration: none;
}
.breadcrumbs .breadcrumb:last-child:after {
  content: none;
}

.jump-menu {
  width: 100%;
  position: sticky;
  top: 0;
  z-index: 10;
}
.jump-menu:before {
  content: "";
  z-index: 2;
  background-color: #fff;
  height: 100%;
  width: 100vw;
  left: -30px;
  position: absolute;
}
.jump-menu .jump-next {
  display: none;
}
@media screen and (max-width: 979px) {
  .jump-menu {
    margin-left: -30px;
    width: calc(100vw - 30px);
  }
  .jump-menu .jump-next {
    display: block;
    background-image: url(./../images/ico-jump-next.svg);
    background-size: cover;
    height: 73px;
    width: 24px;
    right: -7px;
    bottom: 0;
    position: absolute;
    z-index: 5;
  }
}
.jump-menu > .content {
  margin: 0 auto 10.9rem;
  max-width: 1262px;
  display: flex;
  position: relative;
  z-index: 3;
}
@media screen and (max-width: 979px) {
  .jump-menu > .content {
    margin: 0 auto 3rem;
  }
}
.jump-menu > .content .sidebar {
  padding: 2.4rem 0.75rem 2.4rem 0;
  border-right: 2px solid #1D2E3F;
}
@media screen and (max-width: 979px) {
  .jump-menu > .content .sidebar {
    padding-right: 1.2rem;
  }
}
.jump-menu > .content .sidebar span {
  color: #00A651;
  font-size: 2.2rem;
  font-weight: 800;
}
@media screen and (max-width: 979px) {
  .jump-menu > .content .sidebar span {
    display: none;
  }
}
.jump-menu > .content .jump-links {
  padding: 2.4rem 0 2.4rem 3.2rem;
  display: flex;
  gap: 4rem;
  overflow: hidden;
  margin-right: -30px;
  scroll-behavior: smooth;
  position: relative;
}
@media screen and (max-width: 979px) {
  .jump-menu > .content .jump-links:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 84px;
    pointer-events: none;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
    z-index: 4;
  }
}
.jump-menu > .content .jump-links a {
  font-size: 2.2rem;
  display: flex;
  gap: 4rem;
  color: #49535D;
  text-decoration: none;
  white-space: nowrap;
  position: relative;
  font-weight: 400;
}
.jump-menu > .content .jump-links a.active {
  color: #1D2E3F;
  font-weight: 800;
}
.jump-menu > .content .jump-links a.active:after {
  content: "";
  background-image: url("./../images/ico-dropdown.svg");
  height: 12px;
  width: 16px;
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  bottom: -20px;
  left: 0;
}

.fsform-container {
  max-width: 1000px !important;
  margin: 0 auto;
}
.fsform-container * {
  font-family: "Soleil", sans-serif !important;
}
.fsform-container form {
  margin: 0 !important;
  padding: 0 !important;
  max-width: 100% !important;
}
.fsform-container form span, .fsform-container form label {
  color: #49535D;
  font-family: "Soleil", sans-serif !important;
  font-weight: 400 !important;
  font-size: 1.6rem;
}
.fsform-container form input, .fsform-container form select {
  height: 41px !important;
  border: 1px solid #00A651;
}
.fsform-container form input[type=radio]:before, .fsform-container form select[type=radio]:before {
  display: none;
}
.fsform-container form textarea {
  width: 100% !important;
  border: 1px solid #00A651 !important;
}
.fsform-container form .fsSection {
  row-gap: 4.9rem;
}
.fsform-container form .fsSection .fsSubField {
  width: 100% !important;
  max-width: 351px !important;
  padding: 0;
}
.fsform-container form .fsSection .fsSubField input {
  width: 100% !important;
  max-width: 351px !important;
}
.fsform-container form .fsSection .fsSubFieldGroup {
  gap: 0.5rem 2rem !important;
}
.fsform-container form .fsSubmit > div {
  justify-content: center;
}
.fsform-container form .fsSubmit .fsSubmitButton {
  font-family: "Soleil", sans-serif !important;
  margin: 0;
  padding: 0.5em 2rem;
  font-size: 1.8rem;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #00A651;
  border-radius: 8px;
  border-style: solid;
  min-width: 206px;
  color: #1D2E3F;
  position: relative;
  text-align: center;
  font-family: "Soleil", sans-serif;
  gap: 1.5rem;
  text-decoration: none;
  background: none !important;
}
.fsform-container form .fsSubmit .fsSubmitButton:after {
  content: "";
  height: 18px;
  width: 9px;
  display: block;
  background-image: url("../htmlTemplates/images/ico-arrow-cta.svg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  left: 0;
  top: -0.5px;
  transition: transform 0.2s ease, left 0.2s ease;
}
.fsform-container form .fsSubmit .fsSubmitButton.lp-styles:after {
  background-image: url("https://brotherhoodcu.org/assets/1757011553-icoarrowcta.svg");
}
.fsform-container form .fsSubmit .fsSubmitButton:hover {
  text-decoration: none;
}
.fsform-container form .fsSubmit .fsSubmitButton:hover:after {
  left: 3px;
}
.fsform-container form .fsDateField {
  flex-wrap: wrap;
}
.fsform-container form .fsDateField > div {
  flex-wrap: wrap;
  justify-content: start;
  gap: 2rem;
}
.fsform-container#fsform-container-1767547, .fsform-container#fsform-container-2850148, .fsform-container#fsform-container-4951189 {
  max-width: 1160px !important;
  padding: 0 30px;
}
.fsform-container#fsform-container-4951190 .fsSectionHeader, .fsform-container#fsform-container-4951190 #fsSection0 {
  display: none !important;
}

.fsBody .fsForm input[type=text], .fsBody .fsForm input[type=file], .fsBody .fsForm input[type=number], .fsBody .fsForm input[type=email], .fsBody .fsForm input[type=tel], .fsBody .fsForm select {
  width: 100% !important;
  max-width: 350px !important;
}

input[type=checkbox] {
  border: none !important;
}

html body:has(.fsform-container) {
  background: none !important;
}
html body:has(.fsform-container) h2, html body:has(.fsform-container) h3, html body:has(.fsform-container) h4 {
  color: #1D2E3F !important;
}

#KJECalculatorScreenSize {
  margin-bottom: 3rem;
}
@media screen and (min-width: 980px) {
  #KJECalculatorScreenSize {
    margin-bottom: 6rem;
  }
}

#KJEDefinitions {
  margin: 0 auto;
  max-width: 850px;
  width: 100%;
  margin-bottom: 3rem;
}
@media screen and (min-width: 980px) {
  #KJEDefinitions {
    margin-bottom: 6rem;
  }
}

/* Alert Homepage Banner */
.alerts-container {
  container-type: inline-size;
  margin: 0;
  position: relative;
  z-index: 100;
  width: 100%;
  background: #fff;
}
@media screen and (min-width: 980px) {
  .alerts-container {
    padding: 0 0;
    margin: 0;
  }
}

.mod-alert {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.4rem;
  min-height: 75px;
  padding: 2.75rem 30px;
  position: relative;
  z-index: 100;
}
@media screen and (min-width: 980px) {
  .mod-alert {
    margin: 0 auto;
    font-size: 1.6rem;
  }
}
.mod-alert.dismissed {
  display: none;
}
.mod-alert p {
  margin: 0;
}
.mod-alert[data-type=alert] {
  background-color: #9B0000;
  color: #fff;
}
.mod-alert[data-type=alert] > .content a {
  text-decoration: underline;
  color: #fff;
  font-weight: 700;
}
.mod-alert[data-type=alert] .alert-close {
  background-image: url(../htmlTemplates/images/ico-close-white.svg);
}
.mod-alert[data-type=notice] {
  background-color: #B4F5D7;
  color: #1D2E3F;
}
.mod-alert[data-type=notice] > .content a {
  text-decoration: underline;
  font-weight: 700;
}
.mod-alert[data-type=notice] .alert-close {
  background-image: url(../htmlTemplates/images/ico-close-black.svg);
}
.mod-alert.location-alerts {
  z-index: 1;
  color: var(--white);
  margin-left: 10px;
  margin-right: 10px;
  text-align: center;
}
@media screen and (min-width: 980px) {
  .mod-alert.location-alerts {
    margin-left: 0;
    margin-right: 0;
  }
}
.mod-alert.location-alerts .alert-wrapper {
  padding: 1em 0;
  background-color: #909394;
  margin-bottom: 1em;
}
.mod-alert > .alert-wrapper {
  margin: 0;
}
@media screen and (min-width: 980px) {
  .mod-alert > .alert-wrapper {
    text-align: center;
    display: block;
  }
}
.mod-alert > .alert-wrapper > .content {
  margin: 0 auto;
  text-align: left;
  order: 1;
  padding: 0 22px 0 0px;
}
.mod-alert > .alert-wrapper > .content > *:last-child {
  margin: 0 auto;
}
.mod-alert > .alert-wrapper > .content a {
  text-decoration: underline;
  font-weight: 700;
}
@media screen and (min-width: 980px) {
  .mod-alert > .alert-wrapper > .content {
    display: block;
    text-align: center;
    padding: 0 50px;
  }
}
.mod-alert .alert-close {
  position: absolute;
  right: 32px;
  width: 24px;
  height: 24px;
  background-size: cover;
  transition: transform 0.5s ease;
}
.mod-alert .alert-close:focus, .mod-alert .alert-close:hover {
  transform: scale(1.1);
  transition: transform 0.5s ease;
}
@media screen and (min-width: 980px) {
  .mod-alert .alert-close {
    position: absolute;
    z-index: 101;
  }
}

.staff-tile {
  width: 280px;
  height: 459px;
  padding: 7.6rem 0 0 0;
  position: relative;
}
.staff-tile .group-title {
  position: absolute;
  left: 1.8rem;
  top: 0.25rem;
}
.staff-tile .image {
  height: 300px;
  width: 100%;
  margin: 0 0 2rem 0;
  position: relative;
  display: block;
}
.staff-tile .image img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.staff-tile .image:before {
  content: "";
  display: block;
  position: absolute;
  top: -28px;
  left: 0;
  height: 8px;
  width: calc(100% + 16px);
  background-color: #00A651;
}
.staff-tile .staff-info {
  color: #49535D;
  margin: 0 0 0 1rem;
}
.staff-tile .staff-info .name {
  font-size: 1.8rem;
  margin-bottom: 1rem;
  font-weight: 800;
}
.staff-tile .staff-info .title {
  font-size: 1.8rem;
  margin-bottom: 1.5rem;
}
.staff-tile.start-new-group {
  margin-left: 7.6rem;
}
.staff-tile.last .image:before {
  width: calc(100% + 8px);
}

.location-detail-header {
  width: 100%;
  background-color: #f3f3f3;
  margin-bottom: 5.5rem;
  padding: 1.8rem 30px 0;
}
.location-detail-header > .content {
  margin: 0 auto;
  max-width: 1589px;
  height: 100%;
}
.location-detail-header > .content .location-alerts {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 auto 1.8rem;
  max-width: 1474px;
}
.location-detail-header > .content .location-alerts .alert {
  background-color: #B4F5D7;
  width: 100%;
  text-align: center;
  padding: 2.5rem 6.1rem 2.5rem 2.5rem;
  border-radius: 11px;
  position: relative;
}
.location-detail-header > .content .location-alerts .alert .alert-close {
  position: absolute;
  height: 23px;
  width: 23px;
  top: 18px;
  right: 22.8px;
  background-image: url(../htmlTemplates/images/ico-close-black.svg);
  background-size: contain;
  background-repeat: no-repeat;
}
.location-detail-header > .content .location-alerts .alert .alert-close:hover {
  cursor: pointer;
}
@media screen and (min-width: 980px) {
  .location-detail-header > .content .location-alerts .alert .alert-close {
    top: 50%;
    transform: translateY(-50%);
    right: 37.8px;
  }
}
@media screen and (min-width: 980px) {
  .location-detail-header > .content .location-alerts .alert {
    padding: 3.6rem 2.5rem;
  }
}
.location-detail-header > .content .location-alerts .alert p, .location-detail-header > .content .location-alerts .alert a, .location-detail-header > .content .location-alerts .alert span {
  margin: 0;
  color: #49535D;
  font-size: 1.4rem;
}
@media screen and (min-width: 980px) {
  .location-detail-header > .content .location-alerts .alert p, .location-detail-header > .content .location-alerts .alert a, .location-detail-header > .content .location-alerts .alert span {
    font-size: 1.6rem;
  }
}
.location-detail-header > .content .location-alerts .alert a {
  text-decoration: underline;
  font-weight: 800;
}
.location-detail-header > .content > .feature-holder {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  gap: 1.8rem;
}
@media screen and (min-width: 980px) {
  .location-detail-header > .content > .feature-holder {
    flex-direction: row;
  }
}
.location-detail-header > .content > .feature-holder .location-image {
  max-width: 852px;
  width: 100%;
  height: 100%;
  padding: 0 0 4rem;
  position: relative;
}
.location-detail-header > .content > .feature-holder .location-image:before {
  content: "";
  position: absolute;
  top: -6px;
  width: calc(100% + 4px);
  left: -2px;
  height: 100%;
  background-image: url("../images/shape_location.svg");
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 3;
}
.location-detail-header > .content > .feature-holder .location-image:after {
  content: "";
  position: absolute;
  background-color: #1D2E3F;
  width: 150vw;
  height: 40px;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 0;
}
@media screen and (min-width: 980px) {
  .location-detail-header > .content > .feature-holder .location-image {
    padding: 0 0 6.1rem;
    height: 623px;
  }
  .location-detail-header > .content > .feature-holder .location-image:after {
    height: 61px;
  }
}
.location-detail-header > .content > .feature-holder .location-image img {
  object-fit: cover;
  height: 100%;
  width: 100%;
  display: block;
}
.location-detail-header > .content > .feature-holder .location-image .green-before {
  position: absolute;
  height: 100%;
  width: 37px;
  background-color: #00A651;
  opacity: 0.5;
  top: 0;
}
@media screen and (min-width: 980px) {
  .location-detail-header > .content > .feature-holder .location-image .green-before {
    width: 87px;
  }
}
.location-detail-header > .content > .feature-holder .location-image .green-after {
  position: absolute;
  background-color: #B4F5D7;
  height: 40px;
  width: 37px;
  bottom: 0px;
  z-index: 3;
}
@media screen and (min-width: 980px) {
  .location-detail-header > .content > .feature-holder .location-image .green-after {
    width: 87px;
    height: 61px;
  }
}
.location-detail-header > .content > .feature-holder .location-details {
  max-width: 654px;
  width: 100%;
  align-self: start;
  padding: 0 3.44rem 4.8rem 5.83rem;
}
@media screen and (min-width: 980px) {
  .location-detail-header > .content > .feature-holder .location-details {
    align-self: center;
    padding: 0;
  }
}
.location-detail-header > .content > .feature-holder .location-details .location-name {
  color: #1D2E3F;
  font-family: "Soleil", sans-serif;
  font-weight: 800;
  font-size: 2.6rem;
  margin: 0 0 2.1rem;
}
@media screen and (min-width: 980px) {
  .location-detail-header > .content > .feature-holder .location-details .location-name {
    font-size: 9rem;
    margin: 0 0 3.12rem;
    line-height: 80px;
  }
}
.location-detail-header > .content > .feature-holder .location-details .actions {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
}
.location-detail-header > .content > .feature-holder .location-details:has(.branch-info-column) .actions {
  margin-bottom: 2.58rem;
}
@media screen and (min-width: 980px) {
  .location-detail-header > .content > .feature-holder .location-details:has(.branch-info-column) .actions {
    margin-bottom: 4.79rem;
  }
}
.location-detail-header > .content > .feature-holder .location-details .branch-info-column {
  display: flex;
  flex-wrap: wrap;
  gap: 3rem;
  flex-direction: column;
}
@media screen and (min-width: 980px) {
  .location-detail-header > .content > .feature-holder .location-details .branch-info-column {
    gap: 8rem;
    flex-direction: row;
  }
}
.location-detail-header > .content > .feature-holder .location-details .branch-info-column .branch-info-info {
  max-width: 212px;
}
.location-detail-header > .content > .feature-holder .location-details .branch-info-column .branch-info-info .info-title {
  font-weight: 800;
  font-size: 1.8rem;
  color: #49535D;
  margin-bottom: 1.4rem;
  display: inline-block;
}
.location-detail-header > .content > .feature-holder .location-details .branch-info-column .branch-info-info p {
  font-weight: 400;
  margin-bottom: 0.8rem;
  font-size: 1.8rem;
  color: #49535D;
}
.location-detail-header > .content > .feature-holder .location-details .branch-info-column .branch-info-info p:last-of-type {
  margin-bottom: 0;
}
.location-detail-cards {
  width: 100%;
  padding: 0 30px;
  margin-bottom: 5.4rem;
}
.location-detail-cards .content {
  max-width: 1474px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2rem;
}
@media screen and (min-width: 980px) {
  .location-detail-cards .content {
    flex-direction: row;
    justify-content: start;
  }
}
.location-detail-cards .content .card {
  max-width: 478px;
  min-height: 418px;
  width: 100%;
  height: 100%;
  background-color: #f3f3f3;
  border-radius: 10px;
  padding: 5rem 3.5rem 3rem;
}
.location-detail-cards .content .card.sum-module {
  background-color: #1D2E3F;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 6.45rem 4.5rem 6rem;
}
@media screen and (max-width: 979px) {
  .location-detail-cards .content .card.sum-module {
    min-height: unset;
  }
}
.location-detail-cards .content .card.sum-module .content {
  align-items: center;
  flex-direction: column;
  display: flex;
}
.location-detail-cards .content .card.sum-module .content .arrow-lnk {
  color: #fff;
}
.location-detail-cards .content .card.sum-module .content .arrow-lnk:after {
  background-image: url("../images/ico-link-arrow-green.svg");
}
.location-detail-cards .content .card.sum-module .content img {
  margin-bottom: 0;
  max-width: 350px;
  height: 100%;
  width: 100%;
}
.location-detail-cards .content .card.sum-module .content p {
  color: #fff;
  margin-bottom: 4.02rem;
  margin-bottom: 0;
  text-align: center;
}
.location-detail-cards .content .card.loc-details .loc-details-header {
  display: flex;
  gap: 0.9rem;
  margin-bottom: 1.4rem;
  border-bottom: 1px solid #00A651;
  align-items: center;
}
.location-detail-cards .content .card.loc-details .loc-details-header img {
  height: 20px;
  width: 20px;
  margin-bottom: 1.4rem;
}
.location-detail-cards .content .card.loc-details .loc-details-header h2 {
  font-weight: 800;
  font-size: 2.6rem;
  color: #1D2E3F;
  margin-bottom: 1.4rem;
}
.location-detail-cards .content .card.loc-details .loc-details-details {
  padding: 0 0 0 0.5rem;
}
@media screen and (min-width: 980px) {
  .location-detail-cards .content .card.loc-details .loc-details-details {
    padding: 0 0 0 2.7rem;
  }
}
.location-detail-cards .content .card.loc-details .loc-details-details p {
  font-size: 1.8rem;
  color: #49535D;
  margin-bottom: 1.8rem;
}
.location-detail-cards .content .card.loc-details .loc-details-details p:last-of-type {
  margin-bottom: 0;
}
.location-detail-cards .content .card.loc-details .loc-details-details .hours {
  font-weight: 800;
  color: #1D2E3F;
  font-size: 1.8rem;
  white-space: nowrap;
}

.location-holiday-hours {
  max-width: 478px;
  padding: 0 30px;
  margin: 0 auto 5.95rem;
  padding: 0 0 0 1.6rem;
  border-bottom: 1px solid #B4CACE;
  border-top: 1px solid #B4CACE;
}
@media screen and (min-width: 980px) {
  .location-holiday-hours {
    max-width: 1465px;
  }
}
.location-holiday-hours > .js-accordion-button {
  color: #1D2E3F;
  font-family: "Soleil", sans-serif;
  font-weight: 800;
  padding: 1.65rem 0 1.65rem 1.6rem;
  font-size: 1.6rem;
  position: relative;
}
.location-holiday-hours > .js-accordion-button:hover {
  cursor: pointer;
}
.location-holiday-hours > .js-accordion-button:after {
  content: "";
  position: absolute;
  top: 43%;
  transform: translateY(-50%);
  transform: rotateX(0deg);
  right: 34px;
  width: 16px;
  height: 11px;
  background-image: url("../htmlTemplates/images/ico-dropdown.svg");
  background-size: cover;
  background-repeat: no-repeat;
  transition: transform 0.2s ease;
}
.location-holiday-hours > .js-accordion-button[aria-expanded=true]:after {
  transform: rotateX(180deg);
  transition: transform 0.2s ease;
}
.location-holiday-hours .js-accordion-content {
  padding: 0 0 1.55rem;
}
.location-holiday-hours .js-accordion-content .holiday-hours {
  padding: 0 0 0 1.6rem;
}
.location-holiday-hours .js-accordion-content .holiday-hours > ul {
  list-style: none;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  margin: 0;
}
.location-holiday-hours .js-accordion-content .holiday-hours > ul > li {
  list-style: none;
  padding: 0;
  font-weight: 400;
  font-size: 1.8rem;
  color: #49535D;
  margin-bottom: 1.8rem;
}
.location-holiday-hours .js-accordion-content .holiday-hours > ul .date {
  font-weight: 800;
  color: #1D2E3F;
}

.location-services-staff {
  max-width: 1150px;
  margin: 0 auto 10.1rem;
  padding: 0 30px;
}
.location-services-staff .content {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  gap: 9.05rem;
}
@media screen and (min-width: 980px) {
  .location-services-staff .content {
    flex-direction: row;
  }
}
.location-services-staff .content .services-holder {
  padding: 8.4rem 0 0 0;
}
@media screen and (max-width: 979px) {
  .location-services-staff .content .services-holder {
    padding-left: 34px;
  }
}
.location-services-staff .content .services-holder .services-heading {
  font-size: 2.6rem;
  font-weight: 800;
  color: #1D2E3F;
}
.location-services-staff .content .services-holder ul {
  padding-inline-start: 20px;
}
.location-services-staff .content .services-holder ul li {
  margin-bottom: 2.3rem;
  font-size: 1.8rem;
  color: #49535D;
}
.location-services-staff .content .services-holder ul li * {
  color: #49535D;
  font-size: 1.8rem;
}
.location-services-staff .content .services-holder ul li:last-of-type {
  margin-bottom: 0;
}
.location-services-staff .content .staff-holder {
  display: grid;
  gap: 1.6rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
@media screen and (min-width: 980px) {
  .location-services-staff .content .staff-holder {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
}

.block-account-block {
  width: 100%;
  padding: 0 30px;
}
.block-account-block > .content {
  margin: 0 auto;
  width: 100%;
  max-width: 1129px;
  background-color: #f3f3f3;
  padding: 6.05rem 7.55rem 0 6.3rem;
  padding-bottom: 0;
  border-radius: 0 0 10px 10px;
}
@media screen and (max-width: 979px) {
  .block-account-block > .content {
    padding: 4.4rem 3.5rem;
  }
}
.block-account-block > .content:not(:has(.disclosures)) {
  border-radius: 0;
  padding-bottom: 4.1rem;
}
.block-account-block > .content:has(.rates) .copy {
  border-bottom: 1px solid #B4CACE;
}
.block-account-block > .content .copy {
  font-family: "Soleil", sans-serif;
  color: #49535D;
}
.block-account-block > .content .copy .heading {
  color: #1D2E3F;
  font-weight: 800;
  font-size: 3rem;
  margin-bottom: 2rem;
}
.block-account-block > .content .copy .heading .parenthetical {
  font-weight: 400;
}
.block-account-block > .content .copy p {
  font-size: 1.8rem;
  margin-bottom: 2.8rem;
}
.block-account-block > .content .copy ul {
  columns: 1;
  column-gap: 3.5rem;
  padding: 0 0 0 2.4rem;
  margin-bottom: 3.2rem;
}
@media screen and (min-width: 980px) {
  .block-account-block > .content .copy ul {
    columns: 2;
  }
}
.block-account-block > .content .copy ul li {
  margin: 0 0 2.3rem;
}
.block-account-block > .content .copy:last-child {
  margin-bottom: 3.5rem;
}
.block-account-block > .content .rates {
  padding: 0 0 0 1.6rem;
  border-bottom: 1px solid #B4CACE;
  margin: 0 0 3.45rem;
}
.block-account-block > .content .rates > .js-accordion-button {
  color: #49535D;
  font-family: "Soleil", sans-serif;
  font-weight: 400;
  padding: 1.65rem 0 1.65rem 1.6rem;
  font-size: 1.6rem;
  position: relative;
}
.block-account-block > .content .rates > .js-accordion-button:hover {
  cursor: pointer;
}
.block-account-block > .content .rates > .js-accordion-button:after {
  content: "";
  position: absolute;
  top: 43%;
  transform: translateY(-50%);
  transform: rotateX(0deg);
  right: 34px;
  width: 16px;
  height: 11px;
  background-image: url("../htmlTemplates/images/ico-dropdown.svg");
  background-size: cover;
  background-repeat: no-repeat;
  transition: transform 0.2s ease;
}
.block-account-block > .content .rates > .js-accordion-button[aria-expanded=true]:after {
  transform: rotateX(180deg);
  transition: transform 0.2s ease;
}
.block-account-block > .content .rates .js-accordion-content {
  padding: 0 0 3.55rem;
}
.block-account-block > .content .rates table {
  width: 100%;
  border: none;
  font-family: "Soleil", sans-serif;
  margin: 0 0 3.54rem;
}
@media screen and (max-width: 979px) {
  .block-account-block > .content .rates table {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (max-width: 979px) {
  .block-account-block > .content .rates table thead tr {
    display: grid;
    grid-auto-rows: 70px;
  }
}
.block-account-block > .content .rates table thead tr th {
  text-align: left;
  color: #1D2E3F;
  font-size: 1.8rem;
  font-weight: 800;
  padding: 0 0 1.8rem;
}
@media screen and (max-width: 979px) {
  .block-account-block > .content .rates table thead tr th {
    display: inline-block;
    align-self: center;
    padding: 0 1rem 0 1.7rem;
    margin: 0;
  }
}
@media screen and (max-width: 979px) {
  .block-account-block > .content .rates table tbody tr {
    display: grid;
    grid-auto-rows: 70px;
  }
}
.block-account-block > .content .rates table tbody tr td {
  color: #49535D;
  font-size: 1.8rem;
  background-color: #fff;
  border-left: 2px solid #00A651;
  padding: 2.3rem 0.7rem 2.1rem 3.1rem;
  min-height: 62px;
}
@media screen and (max-width: 979px) {
  .block-account-block > .content .rates table tbody tr td {
    display: flex;
    align-items: center;
    padding: 0 1rem 0 1.7rem;
    margin: 0;
  }
}
.block-account-block > .content .rates .table-disclosures {
  font-size: 1.4rem;
  color: #49535D;
  font-family: "Soleil", sans-serif;
}
.block-account-block > .content .rates .table-disclosures p {
  margin: 0 0 1.4rem;
}
.block-account-block > .content .rates .table-disclosures p:last-of-type {
  margin-bottom: 0;
}
.block-account-block > .content .actions {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
@media screen and (max-width: 979px) {
  .block-account-block > .content .actions {
    justify-content: center;
  }
}
.block-account-block > .content .disclosures {
  position: relative;
  background-color: #E8E9E9;
  border-radius: 0 0 10px 10px;
  margin: 4.1rem -3.5rem -5rem;
}
@media screen and (min-width: 980px) {
  .block-account-block > .content .disclosures {
    margin: 4.1rem -7.55rem 0 -6.3rem;
  }
}
.block-account-block > .content .disclosures > .js-accordion-button {
  width: 100%;
  text-align: left;
  padding: 1.65rem 0 1.65rem 6.5rem;
  display: flex;
  gap: 1.55rem;
  color: #49535D;
}
@media screen and (max-width: 979px) {
  .block-account-block > .content .disclosures > .js-accordion-button {
    justify-content: center;
    padding: 1.65rem 3.6rem 1.65rem 0rem;
  }
}
.block-account-block > .content .disclosures > .js-accordion-button span {
  position: relative;
}
.block-account-block > .content .disclosures > .js-accordion-button span:after {
  content: "";
  position: absolute;
  right: -20px;
  top: 50%;
  height: 13px;
  width: auto;
  transform: translateY(-50%) rotate(-90deg);
  aspect-ratio: 8/13;
  background-image: url(../htmlTemplates/images/ico-dropdown-black.svg);
  background-size: cover;
  background-repeat: no-repeat;
  transition: transform 0.2s ease;
}
.block-account-block > .content .disclosures > .js-accordion-button img {
  object-fit: cover;
  height: 21px;
  width: 21px;
  aspect-ratio: 1;
}
.block-account-block > .content .disclosures > .js-accordion-button[aria-expanded=true] span:after {
  transform: translateY(-50%) scaleY(-1) rotate(-90deg);
  transition: transform 0.2s ease;
}
.block-account-block > .content .disclosures > .js-accordion-content {
  padding: 1.65rem 6.5rem 3.65rem 6.5rem;
  color: #49535D;
}
@media screen and (max-width: 979px) {
  .block-account-block > .content .disclosures > .js-accordion-content {
    padding: 1.65rem 1.65rem 2.65rem;
  }
}
.block-account-block > .content .disclosures > .js-accordion-content p {
  color: #49535D;
  margin: 0 0 1.4rem;
}
.block-account-block > .content .disclosures > .js-accordion-content p:last-of-type {
  margin-bottom: 0;
}

.block-account-block-holder {
  max-width: 1542px;
  padding: 0 30px;
  margin: 0 auto 6rem;
  gap: 4.83rem;
  display: grid;
  grid-template-columns: 1fr;
}
.block-account-block-holder:has(.compare-widget) {
  grid-template-columns: max-content 1fr;
}
@media screen and (max-width: 979px) {
  .block-account-block-holder:has(.compare-widget) {
    grid-template-columns: 1fr;
  }
}
.block-account-block-holder:has(.compare-widget) .block-account-block .content {
  justify-self: end;
}
.block-account-block-holder:has(.compare-widget) .block-account-block:last-of-type > .content {
  margin: 0;
}
@media screen and (max-width: 979px) {
  .block-account-block-holder {
    grid-template-columns: 1fr;
  }
}
.block-account-block-holder .block-account-block {
  padding: 0;
}
.block-account-block-holder .block-account-block .content {
  margin: 0 auto 5rem;
}
.block-account-block-holder .compare-widget {
  width: 305px;
  height: 290px;
  background-color: #f3f3f3;
  position: sticky;
  top: 6rem;
  margin: 3rem 0 0 0;
  display: flex;
}
.block-account-block-holder .compare-widget .widget-holder {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: start;
  gap: 2.32rem;
  position: static;
  margin-top: 58px;
}
.block-account-block-holder .compare-widget .widget-holder:before {
  content: "";
  position: absolute;
  background-image: url(../htmlTemplates/images/shape-cross_sell.svg);
  top: -2px;
  left: -1px;
  height: 100%;
  width: calc(100% + 2px);
  scale: 1;
  background-repeat: no-repeat;
  background-size: contain;
  z-index: 3;
  pointer-events: none;
}
.block-account-block-holder .compare-widget .widget-holder:after {
  content: "";
  position: absolute;
  background-image: url(../htmlTemplates/images/shape-cross_sell.svg);
  bottom: -2px;
  left: -1px;
  height: 100%;
  width: calc(100% + 2px);
  transform: rotateX(180deg);
  background-repeat: no-repeat;
  z-index: 3;
  background-size: contain;
  pointer-events: none;
}
.block-account-block-holder .compare-widget .widget-holder .actions a {
  padding: 0.5em 2em;
  width: 100%;
}
.block-account-block-holder .compare-widget .widget-holder img {
  max-height: 50px;
  max-width: 50px;
}
@media screen and (max-width: 979px) {
  .block-account-block-holder .compare-widget {
    display: none;
  }
}

.block-account-enhanced-block {
  width: 100%;
  margin: 12rem auto 0;
  padding: 0 30px;
}
.block-account-enhanced-block > .content {
  max-width: 1334px;
  display: grid;
  grid-template-columns: 1fr;
  position: relative;
  background-color: #f3f3f3;
  margin: 12.1rem auto 4rem;
  padding: 0;
}
@media screen and (min-width: 980px) {
  .block-account-enhanced-block > .content {
    margin: 0 auto 4rem;
    grid-template-columns: 50% 50%;
  }
}
.block-account-enhanced-block > .content .copy-sec {
  padding: 11.8rem 30px 7.2rem;
}
@media screen and (min-width: 980px) {
  .block-account-enhanced-block > .content .copy-sec {
    padding: 11.8rem 0 10.8rem 10.8rem;
  }
}
.block-account-enhanced-block > .content .copy-sec .copy {
  font-family: "Soleil", sans-serif;
  color: #1D2E3F;
  margin-bottom: 5.45rem;
}
.block-account-enhanced-block > .content .copy-sec .copy:last-of-type {
  margin-bottom: 0;
}
.block-account-enhanced-block > .content .copy-sec .copy .heading {
  font-size: 3rem;
  font-weight: 800;
  margin: 0 0 2rem;
}
.block-account-enhanced-block > .content .copy-sec .copy .heading.lp-styles {
  font-size: 1.8rem;
  font-weight: 700;
  margin: 0 0 4.6rem;
}
.block-account-enhanced-block > .content .copy-sec .copy .account-text {
  font-size: 1.8rem;
}
.block-account-enhanced-block > .content .copy-sec .copy .account-text p {
  margin-bottom: 1.2rem;
}
.block-account-enhanced-block > .content .copy-sec .copy .account-text p:last-of-type {
  margin-bottom: 3.45rem;
}
.block-account-enhanced-block > .content .copy-sec .copy ul {
  padding-inline-start: 26px;
  display: flex;
  flex-direction: column;
  gap: 2.3rem;
  margin: 0 0 3.45rem;
}
.block-account-enhanced-block > .content .copy-sec .copy ul.lp-styles li {
  font-size: 1.8rem;
}
.block-account-enhanced-block > .content .copy-sec .copy .actions {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
@media screen and (max-width: 979px) {
  .block-account-enhanced-block > .content .copy-sec .copy .actions {
    flex-direction: column;
    align-items: center;
  }
}
.block-account-enhanced-block > .content .image-sec {
  position: absolute;
  top: -81px;
  right: 0;
}
@media screen and (min-width: 980px) {
  .block-account-enhanced-block > .content .image-sec {
    position: relative;
    top: 0;
    margin: 0 0 0 6rem;
  }
}
.block-account-enhanced-block > .content .image-sec .account-image {
  max-width: 261px;
}
@media screen and (min-width: 980px) {
  .block-account-enhanced-block > .content .image-sec .account-image {
    position: absolute;
    right: -29px;
    top: 94px;
    max-height: 373px;
    max-width: 560px;
  }
}
.block-account-enhanced-block > .content .image-sec .account-image img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.block-account-enhanced-block > .content .image-sec .account-image:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 11px;
  background-color: #00A651;
  opacity: 0.75;
}
@media screen and (min-width: 980px) {
  .block-account-enhanced-block > .content .image-sec .account-image:after {
    width: 29px;
  }
}
.block-account-enhanced-block > .content .image-sec .account-image:before {
  content: "";
  position: absolute;
  width: 11px;
  top: -40px;
  right: 0;
  height: 40px;
  background-color: #B4F5D7;
}
@media screen and (min-width: 980px) {
  .block-account-enhanced-block > .content .image-sec .account-image:before {
    display: none;
  }
}
.block-account-enhanced-block > .content .image-sec:after {
  content: "";
  position: absolute;
  top: 0;
  right: -29px;
  height: 94px;
  width: 29px;
  background-color: #B4F5D7;
}
@media screen and (max-width: 979px) {
  .block-account-enhanced-block > .content .image-sec:after {
    display: none;
  }
}
.block-account-enhanced-block:nth-of-type(even) .copy-sec {
  order: 2;
}
@media screen and (min-width: 980px) {
  .block-account-enhanced-block:nth-of-type(even) .copy-sec {
    padding: 11.8rem 10.8rem 10.8rem 0;
  }
}
.block-account-enhanced-block:nth-of-type(even) .image-sec {
  left: 0;
}
@media screen and (min-width: 980px) {
  .block-account-enhanced-block:nth-of-type(even) .image-sec {
    margin: 0 6rem 0 0;
  }
}
.block-account-enhanced-block:nth-of-type(even) .image-sec .account-image {
  left: -29px;
}
.block-account-enhanced-block:nth-of-type(even) .image-sec .account-image:after {
  left: 0;
}
.block-account-enhanced-block:nth-of-type(even) .image-sec .account-image:before {
  left: 0;
}
.block-account-enhanced-block:nth-of-type(even) .image-sec:after {
  left: -29px;
}
.block-account-enhanced-block:nth-of-type(even) .img-sec {
  order: 1;
}

.block-become-member {
  width: 100%;
  background: #1D2E3F;
  position: relative;
  margin-bottom: calc(6rem + 58px);
}
@media screen and (min-width: 980px) {
  .block-become-member {
    margin-bottom: calc(9rem + 58px);
  }
  .block-become-member:before, .block-become-member:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 420px;
    background-color: #fff;
    z-index: 4;
  }
  .block-become-member:before {
    top: -814px;
    height: 814px;
  }
  .block-become-member:after {
    bottom: -420px;
  }
  .block-become-member .sticky-anchor {
    height: 0;
    top: 700px;
    z-index: 3;
    position: sticky;
    display: block;
  }
  .block-become-member .sticky-item {
    position: absolute;
    display: block;
    top: -808px;
    left: clamp(6%, 8vw, 19%);
    background-image: url("https://wp-bcu.resultspw.com/wp-content/uploads/member-ribbon-1.svg");
    height: 808px;
    width: 215px;
    background-repeat: no-repeat;
    object-fit: cover;
  }
}
@media screen and (max-width: 1470px) {
  .block-become-member .sticky-anchor {
    display: none;
  }
  .block-become-member .sticky-anchor .sticky-item {
    display: none;
  }
}
.block-become-member > .content {
  margin: 0 auto;
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 2.9rem 0 0 3rem;
}
@media screen and (min-width: 1470px) {
  .block-become-member > .content {
    padding: 9.5rem 9.5rem 0 9.5rem;
  }
}
.block-become-member > .content:before {
  content: "";
  position: absolute;
  height: 58px;
  width: 18.177vw;
  background-color: #B4F5D7;
  bottom: -58px;
  left: 0;
  z-index: 5;
}
@media screen and (max-width: 1470px) {
  .block-become-member > .content:before {
    display: none;
  }
}
.block-become-member > .content .background-image,
.block-become-member > .content .background-video {
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  height: 100%;
  width: 100%;
  position: relative;
  aspect-ratio: 400/170;
}
.block-become-member > .content .background-image:before,
.block-become-member > .content .background-video:before {
  content: "";
  position: absolute;
  width: calc(100% + 30px);
  bottom: 0;
  left: -30px;
  background-image: url(../htmlTemplates/images/membership-waves.svg);
  background-repeat: repeat-x;
  aspect-ratio: 431/86.9;
}
@media screen and (min-width: 1470px) {
  .block-become-member > .content .background-image:before,
  .block-become-member > .content .background-video:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 154px;
    bottom: 0;
    left: -9.5rem;
  }
}
.block-become-member > .content .background-video {
  overflow: hidden;
}
.block-become-member > .content .background-video video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: bottom center;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.block-become-member > .content .background-video:before {
  z-index: 2;
}
.block-become-member > .content .copy {
  width: 100%;
  scale: 1;
  z-index: 3;
  bottom: 0;
  left: 0;
  right: 0;
  position: relative;
  top: -18vw;
  display: flex;
  flex-direction: column;
  gap: 4.7rem;
}
@media screen and (min-width: 1470px) {
  .block-become-member > .content .copy {
    padding: 0 9.5rem;
    display: flex;
    flex-direction: row;
    position: absolute;
    gap: 0;
    top: unset;
  }
}
.block-become-member > .content .copy .become-image {
  width: 100%;
  height: 100%;
  min-height: 172px;
  background-repeat: no-repeat;
  background-size: contain;
  aspect-ratio: 390/172;
  opacity: 0.83;
  filter: brightness(0px) blur(3px);
}
@media screen and (min-width: 1470px) {
  .block-become-member > .content .copy .become-image {
    flex: 2;
    background-position: bottom right;
    position: static;
    aspect-ratio: unset;
    height: unset;
    width: unset;
    min-height: unset;
  }
}
.block-become-member > .content .copy .info {
  padding: 0 4.7rem;
}
@media screen and (min-width: 1470px) {
  .block-become-member > .content .copy .info {
    flex: 0.8;
    padding: 7.6rem 2rem 7.9rem 7.5rem;
    background-color: #1D2E3F;
    display: flex;
    flex-direction: column;
  }
}
.block-become-member > .content .copy:before {
  content: "";
  background-color: #B4F5D7;
  height: 30vw;
  width: 32px;
  position: absolute;
  top: 18vw;
  left: -30px;
}
@media screen and (min-width: 1470px) {
  .block-become-member > .content .copy:before {
    display: none;
  }
}
.block-become-member > .content .copy .benefits-copy-headline {
  font-size: 2rem;
  font-family: "Soleil", sans-serif;
  color: #fff;
  font-weight: 700;
  margin-bottom: 1.59rem;
}
@media screen and (min-width: 1470px) {
  .block-become-member > .content .copy .benefits-copy-headline {
    font-size: 2.6rem;
  }
}
.block-become-member > .content .copy p {
  color: #fff;
  font-weight: bold;
  font-family: "Soleil", sans-serif;
  margin: 0 0 2.38rem;
  font-size: clamp(1.6rem, 1.7vw, 1.8rem);
  list-style: disc;
}
@media screen and (min-width: 1470px) {
  .block-become-member > .content .copy p {
    font-size: 1.8rem;
    margin: 0 0 1.8rem;
  }
}
.block-become-member > .content .copy ul {
  padding-inline-start: 15px;
  margin: 0 0 3rem;
}
.block-become-member > .content .copy ul li {
  color: #fff;
  font-weight: bold;
  font-family: "Soleil", sans-serif;
  margin: 0 0 2.38rem;
  font-size: clamp(1.6rem, 1.7vw, 1.8rem);
  list-style: disc;
}
@media screen and (min-width: 1470px) {
  .block-become-member > .content .copy ul li {
    font-size: 1.8rem;
    margin: 0 0 1.4rem;
  }
}
.block-become-member > .content .copy ul li::marker {
  color: #B4F5D7;
}
.block-become-member > .content .copy ul li:last-of-type {
  margin-bottom: 0;
}
.block-become-member > .content .copy .actions {
  display: flex;
  justify-content: center;
}
@media screen and (min-width: 1470px) {
  .block-become-member > .content .copy .actions {
    justify-content: start;
  }
}
.block-become-member > .content .copy .actions a {
  color: white;
}

#site-content {
  /* Block immediately AFTER .block-become-member */
  /* Block immediately BEFORE .block-become-member */
}
#site-content > .block-become-member + * {
  position: relative;
  z-index: 5;
}
#site-content > *:has(+ .block-become-member) {
  position: relative;
  z-index: 5;
}

.community-block {
  width: 100%;
  background-color: #f3f3f3;
  padding: 0;
  margin: 13rem 0 5.7rem;
}
@media screen and (min-width: 980px) {
  .community-block {
    padding: 0 30px;
    margin: 22rem 0 9.7rem;
  }
}
.community-block > .content {
  margin: 0 auto;
  max-width: 1373px;
  display: grid;
  grid-template-columns: 1fr;
  gap: 3.6rem;
  row-gap: 3.21rem;
}
@media screen and (min-width: 980px) {
  .community-block > .content {
    grid-template-columns: 60% 1fr;
    gap: 4rem;
    row-gap: 6.2rem;
  }
}
.community-block > .content .community-holder {
  min-height: 371px;
  position: relative;
  max-height: 556px;
  margin-bottom: -7.4rem;
  bottom: unset;
}
@media screen and (min-width: 980px) {
  .community-block > .content .community-holder {
    bottom: unset;
    height: 120%;
    margin: 0;
    bottom: 20%;
  }
}
.community-block > .content .community-holder svg {
  position: absolute;
  bottom: 0;
  left: 4.1rem;
  height: 100%;
  width: max-content;
  bottom: 20%;
}
@media screen and (min-width: 980px) {
  .community-block > .content .community-holder svg {
    min-width: unset;
    position: absolute;
    width: 100%;
    object-fit: cover;
    left: 0;
    bottom: 0;
  }
}
@media screen and (max-width: 730px) {
  .community-block > .content .community-holder svg {
    left: unset;
    right: 3rem;
  }
}
@media screen and (max-width: 450px) {
  .community-block > .content .community-holder svg {
    right: 1rem;
    height: 80%;
  }
}
.community-block > .content .copy {
  padding: 0 5.2rem 5.2rem;
  align-items: start;
  color: #49535D;
}
@media screen and (min-width: 980px) {
  .community-block > .content .copy {
    padding: 0;
    padding-top: 6.4rem;
    padding-bottom: 6.4rem;
    max-width: 521px;
  }
}
.community-block > .content .copy .heading {
  font-size: 2.6rem;
  font-weight: 800;
  color: #1D2E3F;
  margin: 0;
}
@media screen and (min-width: 980px) {
  .community-block > .content .copy:has(.heading) {
    padding-top: 8.4rem;
  }
}
.community-block > .content .extra-copy {
  max-width: 1000px;
  margin: 0 auto;
}
@media screen and (min-width: 980px) {
  .community-block > .content .extra-copy {
    grid-column: 1/3;
  }
}
.community-block > .content .extra-copy * {
  color: #49535D;
  font-size: 1.6rem;
}
@media screen and (min-width: 980px) {
  .community-block > .content .extra-copy * {
    font-size: 1.8rem;
  }
}
.community-block > .content .extra-copy strong {
  font-weight: 700;
}
@media screen and (max-width: 979px) {
  .community-block > .content:has(.extra-copy) .copy {
    padding: 0 5.2rem 0;
  }
}
.community-block > .content:has(.extra-copy) .extra-copy {
  padding: 0 5.2rem 5.2rem;
}
.community-block .actions {
  display: flex;
  gap: 2rem;
  flex-direction: column;
  align-items: center;
}
@media screen and (min-width: 980px) {
  .community-block .actions {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: start;
  }
}

.community-gallery {
  width: 100%;
  padding: 6.2rem 0 4.2rem;
}
@media screen and (min-width: 980px) {
  .community-gallery {
    padding: 7.45rem 0 15.7rem;
  }
}
.community-gallery .heading {
  color: #1D2E3F;
  font-weight: 800;
  text-align: center;
  font-size: 2.6rem;
  max-width: 50%;
  margin: 0 auto 2rem;
}
@media screen and (min-width: 980px) {
  .community-gallery .heading {
    max-width: none;
    margin-bottom: 3.55rem;
    font-size: 3.6rem;
  }
}
.community-gallery .splide__track {
  margin-bottom: 5.4rem;
}
@media screen and (min-width: 980px) {
  .community-gallery .splide__track {
    margin-bottom: 6.7rem;
  }
}
.community-gallery .splide__track .splide__slide {
  list-style: none;
}
.community-gallery .splide__track .splide__slide .slide-img-holder {
  display: block;
  max-width: 339px;
  height: 189px;
  width: 100%;
  margin-bottom: 3.2rem;
}
@media screen and (min-width: 980px) {
  .community-gallery .splide__track .splide__slide .slide-img-holder {
    max-width: none;
    height: 266px;
    width: 476px;
    margin-bottom: 2rem;
  }
}
.community-gallery .splide__track .splide__slide .slide-img-holder img {
  border-radius: 20px;
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.community-gallery .splide__track .splide__slide .slide-caption {
  font-size: 1.4rem;
  color: #49535D;
  display: block;
}
.community-gallery .splide__controls {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2.45rem;
  padding: 0 3.6rem;
}
@media screen and (min-width: 980px) {
  .community-gallery .splide__controls {
    gap: 3.45rem;
    padding: 0;
  }
}
.community-gallery .splide__controls .splide__arrows {
  display: flex;
  gap: 1rem;
}
@media screen and (min-width: 980px) {
  .community-gallery .splide__controls .splide__arrows {
    gap: 2rem;
  }
}
.community-gallery .splide__controls .splide__arrows .splide__arrow--prev {
  scale: -1;
}
.community-gallery .splide__controls .splide__pagination {
  display: flex;
  position: static;
  left: unset;
  transform: none;
  margin: 0;
  padding: 0 0 5px;
  width: 100%;
  gap: 0;
}
@media screen and (min-width: 980px) {
  .community-gallery .splide__controls .splide__pagination {
    max-width: 512px;
  }
}
.community-gallery .splide__controls .splide__pagination li {
  flex: 1;
  margin: 0;
  height: 10px;
  border-bottom: 1px solid #00A651;
}
.community-gallery .splide__controls .splide__pagination li button {
  width: 100%;
  height: 100%;
  background-color: transparent;
  border: none;
  padding: 0;
  cursor: pointer;
}
.community-gallery .splide__controls .splide__pagination li button.is-active {
  background-color: #1D2E3F;
  height: 10px;
  flex: 1;
  width: 0;
  transition: width 0.2s ease;
  border-radius: 5px;
  animation: fill-left-to-right 0.3s forwards;
}

@keyframes fill-left-to-right {
  from {
    width: 0;
  }
  to {
    width: 100%;
  }
}
@keyframes fill-right-to-left {
  from {
    width: 100%;
  }
  to {
    width: 0;
  }
}
.mod-compare-chart {
  margin: 0 0 6rem;
  padding: 3em var(--mobile-padding);
  background: var(--gradient-compare-chart);
  color: var(--dark-green);
  position: relative;
}
@media screen and (max-width: 979px) {
  .mod-compare-chart > .mobile-content {
    display: block;
  }
  .mod-compare-chart > .desktop-content {
    display: none;
  }
}
@media screen and (min-width: 980px) {
  .mod-compare-chart {
    padding: 4em calc(50px + var(--mobile-padding));
  }
  .mod-compare-chart > .mobile-content {
    display: none;
  }
  .mod-compare-chart > .desktop-content {
    margin: 0 auto;
    max-width: 1232px;
    display: block;
  }
}
.mod-compare-chart .headline {
  margin: 0 0 0.5em;
  font-family: var(--headingFont);
  font-size: clamp(2.4rem, 3vw, 3.6rem);
  text-align: center;
}
.mod-compare-chart > .mobile-content .chart-container {
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: clamp(100px, 25vw, 200px) minmax(0, 1fr);
  width: 100%;
  max-width: 1232px;
  position: relative;
}
@container (min-width: 500px) {
  .mod-compare-chart > .mobile-content .chart-container {
    grid-template-columns: minmax(0, 250px) auto;
  }
}
.mod-compare-chart > .mobile-content .chart-container .chart-checkmark {
  margin: 0 auto;
  width: 25px;
  height: auto;
}
.mod-compare-chart > .mobile-content .chart-container .headers {
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: left;
  font-family: "Soleil", sans-serif;
  font-weight: 800;
  color: #1D2E3F;
  font-size: 1.8rem;
  color: #49535D;
  border-right: 4px solid #00A651;
}
@container (min-width: 500px) {
  .mod-compare-chart > .mobile-content .chart-container .headers {
    font-size: 1.8rem;
  }
}
.mod-compare-chart > .mobile-content .chart-container .headers li {
  margin: 0;
  padding: 0.5em 1em;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  border-top: 1px var(--gray) solid;
  list-style: none;
}
.mod-compare-chart > .mobile-content .chart-container .headers li.current {
  background-color: var(--grad-blue-dark);
}
.mod-compare-chart > .mobile-content .chart-container .headers li:last-child {
  border-bottom: 1px var(--gray) solid;
}
.mod-compare-chart > .mobile-content .chart-container .headers li a {
  font-size: inherit;
  color: inherit;
  text-decoration: underline;
  font-weight: var(--bold);
  color: var(--white);
}
.mod-compare-chart > .mobile-content .chart-container .chart-pad {
  margin: 0;
  position: relative;
}
.mod-compare-chart > .mobile-content .chart-container .items {
  margin: 0;
  padding: 0;
  list-style: none;
}
.mod-compare-chart > .mobile-content .chart-container .items.splide__list {
  padding: 0 0 65px !important;
}
.mod-compare-chart > .mobile-content .chart-container .item {
  list-style: none;
}
.mod-compare-chart > .mobile-content .chart-container .item .column {
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: center;
  max-width: 60vw;
}
.mod-compare-chart > .mobile-content .chart-container .item .column li {
  margin: 0;
  padding: 0.5em 1em;
  font-family: var(--acumin-pro);
  font-weight: var(--regular);
  font-size: 1.6rem;
  border-top: 1px var(--gray) solid;
  display: grid;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100px !important;
}
.mod-compare-chart > .mobile-content .chart-container .item .column li:first-child {
  margin: 0;
  padding: 1em 0.5em 0.5em;
  font-family: "Soleil", sans-serif;
  font-size: 2rem;
  font-weight: 800;
  color: #1D2E3F;
  border-bottom: 1px #1D2E3F solid;
  list-style: none;
}
@container (min-width: 500px) {
  .mod-compare-chart > .mobile-content .chart-container .item .column li:first-child {
    padding: 2em 1em 1em;
    font-size: 2.2rem;
  }
}
.mod-compare-chart > .mobile-content .chart-container .item .column li:not(:first-child):nth-child(n+2) {
  margin: 0;
  padding: 2.14rem 0.5rem;
  font-family: "Soleil", sans-serif;
  font-weight: 400;
  color: #49535D;
  background-color: #F9F9F9;
  font-size: 1.8rem;
  border-bottom: 1px #C2C2C2 solid;
  display: grid;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 8.5rem;
}
@container (min-width: 500px) {
  .mod-compare-chart > .mobile-content .chart-container .item .column li:not(:first-child):nth-child(n+2) {
    padding: 1em;
    font-size: 1.8rem;
  }
}
.mod-compare-chart > .mobile-content .chart-container .item .column li:last-child {
  border-bottom: 1px var(--gray) solid;
}
.mod-compare-chart > .mobile-content .chart-container .item .column li a[class^=cta-]:not(:last-child) {
  margin: 0 auto 0.5em;
}
.mod-compare-chart > .mobile-content .chart-container .item .column li a[class^=cta-]:last-child {
  margin: 0 auto;
}
.mod-compare-chart > .mobile-content .chart-container .item .column li a[class^=cta-] {
  display: inlin-block;
  white-space: nowrap;
}
.mod-compare-chart > .mobile-content .chart-container .item .column li a:not([class^=cta]) {
  font-size: inherit;
  color: inherit;
  text-decoration: underline;
  font-weight: var(--bold);
}
.mod-compare-chart > .mobile-content .chart-container .item .column li span.table-checkmark {
  display: inline-block;
  width: 25px;
  height: 25px;
  background: url("../images/icons/ico-check.svg") transparent no-repeat center/100% auto;
}
.mod-compare-chart > .mobile-content .carousel-controls {
  margin: 0;
  padding: 2em 30px 0;
  grid-column: 1/span 2;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: clamp(1rem, 4vw, 7rem);
}
.mod-compare-chart > .mobile-content .carousel-controls .pagination-arrow.pagination-prev {
  height: 24px;
  width: 12px;
  background-image: url("../images/pagination_arrow.svg");
  background-size: cover;
  background-repeat: no-repeat;
  display: block;
}
.mod-compare-chart > .mobile-content .carousel-controls .pagination-arrow.pagination-next {
  height: 24px;
  width: 12px;
  background-image: url("../images/pagination_arrow.svg");
  background-size: cover;
  background-repeat: no-repeat;
  display: block;
  transform: scale(-1);
}
.mod-compare-chart > .mobile-content .carousel-controls .splide__arrow {
  display: none;
  width: 50px;
  height: 50px;
}
@media screen and (min-width: 980px) {
  .mod-compare-chart > .mobile-content .carousel-controls .splide__arrow {
    display: none;
  }
}
.mod-compare-chart > .mobile-content .carousel-controls .splide__pagination {
  margin: 0;
  padding: 0;
  display: flex;
  gap: 1.7rem;
  flex-wrap: wrap;
  align-content: flex-start;
  justify-content: center;
  position: static !important;
  transform: none;
}
.mod-compare-chart > .mobile-content .carousel-controls .splide__pagination .splide__pagination__page {
  width: 15px;
  height: 15px;
  position: relative;
}
.mod-compare-chart > .mobile-content .carousel-controls .splide__pagination .splide__pagination__page:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 15px;
  height: 15px;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  border: 2px solid #1D2E3F;
  background-color: #1D2E3F;
  border-radius: 15px;
}
.mod-compare-chart > .mobile-content .carousel-controls .splide__pagination .splide__pagination__page:not(.is-active):before {
  background-color: #fff;
}
.mod-compare-chart > .desktop-content .chart-container {
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: clamp(100px, 25vw, 200px) minmax(0, 1fr);
  width: 100%;
  max-width: 1232px;
  position: relative;
}
@container (min-width: 500px) {
  .mod-compare-chart > .desktop-content .chart-container {
    grid-template-columns: minmax(0, 250px) auto;
  }
}
.mod-compare-chart > .desktop-content .chart-container .chart-checkmark {
  margin: 0 auto;
  width: 25px;
  height: auto;
}
.mod-compare-chart > .desktop-content .chart-container .headers {
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: left;
  font-family: "Soleil", sans-serif;
  font-weight: 800;
  color: #1D2E3F;
  font-size: 1.8rem;
  color: #49535D;
  border-right: 6px solid #00A651;
}
@container (min-width: 500px) {
  .mod-compare-chart > .desktop-content .chart-container .headers {
    font-size: 1.8rem;
  }
}
.mod-compare-chart > .desktop-content .chart-container .headers li {
  margin: 0;
  padding: 0.5em;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  list-style: none;
}
@container (min-width: 500px) {
  .mod-compare-chart > .desktop-content .chart-container .headers li {
    padding: 1em;
  }
}
.mod-compare-chart > .desktop-content .chart-container .headers a {
  text-decoration: underline;
  color: var(--dark-green);
}
.mod-compare-chart > .desktop-content .chart-container .chart-pad {
  margin: 0;
  position: relative;
  border-right: 6px solid #00A651;
}
.mod-compare-chart > .desktop-content .chart-container .items {
  margin: 0;
  padding: 0;
  list-style: none;
}
.mod-compare-chart > .desktop-content .chart-container .item {
  width: 350px;
  list-style: none;
}
.mod-compare-chart > .desktop-content .chart-container .item.current {
  background-color: var(--grad-blue-dark);
  border-radius: 41px;
}
.mod-compare-chart > .desktop-content .chart-container .item .column {
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: center;
  max-width: 350px;
}
.mod-compare-chart > .desktop-content .chart-container .item .column li:first-child {
  margin: 0;
  padding: 1em 0.5em 0.5em;
  font-family: "Soleil", sans-serif;
  font-size: 2rem;
  font-weight: 800;
  color: #1D2E3F;
  border-bottom: 1px #1D2E3F solid;
  list-style: none;
}
@container (min-width: 500px) {
  .mod-compare-chart > .desktop-content .chart-container .item .column li:first-child {
    padding: 2em 1em 1em;
    font-size: 2.2rem;
  }
}
.mod-compare-chart > .desktop-content .chart-container .item .column li:not(:first-child):not(:last-child):nth-child(n+2) {
  margin: 0;
  padding: 2.76rem 0.5rem;
  font-family: "Soleil", sans-serif;
  font-weight: 400;
  color: #49535D;
  background-color: #F9F9F9;
  font-size: 1.8rem;
  border-bottom: 1px #C2C2C2 solid;
  display: grid;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 8.5rem;
}
@container (min-width: 500px) {
  .mod-compare-chart > .desktop-content .chart-container .item .column li:not(:first-child):not(:last-child):nth-child(n+2) {
    padding: 1em;
    font-size: 1.8rem;
  }
}
.mod-compare-chart > .desktop-content .chart-container .item .column li:last-child {
  margin: 0;
  padding: 0.5em 0.5em 1em 0.5em;
  font-family: var(--acumin-pro);
  font-weight: var(--regular);
  font-size: 1.6rem;
  border-bottom: none;
  display: grid;
  align-items: center;
  justify-content: center;
}
@container (min-width: 500px) {
  .mod-compare-chart > .desktop-content .chart-container .item .column li:last-child {
    padding: 1em 1em 2em 1em;
    font-size: 1.8rem;
  }
}
.mod-compare-chart > .desktop-content .chart-container .item .column li a[class^=cta-]:not(:last-child) {
  margin: 0 auto 0.5em;
}
.mod-compare-chart > .desktop-content .chart-container .item .column li a[class^=cta-]:last-child {
  margin: 0 auto;
}
.mod-compare-chart > .desktop-content .chart-container .item .column li a[class^=cta-] {
  display: inline-block;
  white-space: nowrap;
}
.mod-compare-chart > .desktop-content .chart-container .item .column li span.table-checkmark {
  display: inline-block;
  width: 25px;
  height: 25px;
  background: url("../images/icons/ico-check.svg") transparent no-repeat center/100% auto;
}
.mod-compare-chart > .desktop-content .carousel-controls {
  margin: 0;
  padding: 2em 0 0;
  grid-column: 1/span 2;
  display: flex;
  justify-content: center;
  gap: 9.5rem;
  align-items: center;
  position: relative;
}
.mod-compare-chart > .desktop-content .carousel-controls .pagination-arrow.pagination-prev {
  height: 24px;
  width: 12px;
  background-image: url("../images/pagination_arrow.svg");
  background-size: cover;
  background-repeat: no-repeat;
  display: block;
}
.mod-compare-chart > .desktop-content .carousel-controls .pagination-arrow.pagination-next {
  height: 24px;
  width: 12px;
  background-image: url("../images/pagination_arrow.svg");
  background-size: cover;
  background-repeat: no-repeat;
  display: block;
  transform: scale(-1);
}
.mod-compare-chart > .desktop-content .carousel-controls .splide__pagination {
  margin: 0;
  padding: 0;
  display: flex;
  gap: 1.7rem;
  flex-wrap: wrap;
  align-content: flex-start;
  position: static;
  justify-content: center;
  transform: none;
}
.mod-compare-chart > .desktop-content .carousel-controls .splide__pagination .splide__pagination__page {
  width: 15px;
  height: 15px;
  position: relative;
}
.mod-compare-chart > .desktop-content .carousel-controls .splide__pagination .splide__pagination__page:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 15px;
  height: 15px;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  border: 2px solid #1D2E3F;
  background-color: #1D2E3F;
}
.mod-compare-chart > .desktop-content .carousel-controls .splide__pagination .splide__pagination__page:not(.is-active):before {
  background-color: #fff;
}
.mod-compare-chart > .desktop-content .custom-arrow {
  display: none;
  width: 50px;
  height: 50px;
}
@media screen and (min-width: 980px) {
  .mod-compare-chart > .desktop-content .custom-arrow {
    display: inline-block;
  }
}
.mod-compare-chart > .desktop-content .custom-arrow.custom-prev, .mod-compare-chart > .desktop-content .custom-arrow.custom-next {
  margin: 0;
  padding: 0;
  position: absolute;
  top: calc(50% - 50px);
  width: 101px;
  height: 198px;
  border-radius: 25px;
  transform: translateY(-50%);
  background-color: #00A651;
  z-index: 2;
}
.mod-compare-chart > .desktop-content .custom-arrow.custom-prev:before, .mod-compare-chart > .desktop-content .custom-arrow.custom-next:before {
  content: "";
  margin: 0;
  padding: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 16px;
  height: 33px;
  transform: translateY(-50%) translateX(-50%);
  background: url(../images/splide-arrows-white.svg) transparent no-repeat center;
}
.mod-compare-chart > .desktop-content .custom-arrow.custom-prev {
  left: 5vw;
}
@media screen and (max-width: 1590px) {
  .mod-compare-chart > .desktop-content .custom-arrow.custom-prev {
    left: 0;
  }
}
@media screen and (max-width: 1430px) {
  .mod-compare-chart > .desktop-content .custom-arrow.custom-prev {
    display: none;
  }
}
.mod-compare-chart > .desktop-content .custom-arrow.custom-next {
  right: 5vw;
}
.mod-compare-chart > .desktop-content .custom-arrow.custom-next:before {
  transform: translateY(-50%) translateX(-50%) scaleX(-1);
}
@media screen and (max-width: 1590px) {
  .mod-compare-chart > .desktop-content .custom-arrow.custom-next {
    right: 0;
  }
}
@media screen and (max-width: 1430px) {
  .mod-compare-chart > .desktop-content .custom-arrow.custom-next {
    display: none;
  }
}

.contact-info-block {
  width: 100%;
  background-color: #00A651;
  padding: 5.5rem 5.5rem 7.7rem;
  margin: 0 0 6rem;
}
@media screen and (min-width: 980px) {
  .contact-info-block {
    margin: 0 0 9rem;
    padding: 9.9rem 30px;
  }
}
.contact-info-block > .content {
  margin: 0 auto;
  display: flex;
  justify-content: center;
  flex-direction: column;
  min-height: 243px;
  max-width: 525px;
}
@media screen and (min-width: 980px) {
  .contact-info-block > .content {
    max-width: 1017px;
    flex-direction: row;
  }
}
.contact-info-block > .content .col-1 {
  text-align: center;
  padding: 0;
  margin: 0 0 2.2rem;
}
@media screen and (min-width: 980px) {
  .contact-info-block > .content .col-1 {
    border-right: 2px solid #B4F5D7;
    padding: 2rem 3.59rem 5rem 0;
    text-align: end;
    margin: 0;
  }
}
.contact-info-block > .content .col-2 {
  padding: 0 0 4.1rem;
  border-bottom: 2px solid #B4F5D7;
  margin: 0 auto 5.1rem;
  width: 100%;
}
@media screen and (min-width: 980px) {
  .contact-info-block > .content .col-2 {
    min-width: 426px;
    padding: 2.45rem 5.35rem 5rem;
    border-bottom: none;
    border-right: 2px solid #B4F5D7;
    justify-content: start;
    margin: 0;
  }
}
.contact-info-block > .content .col-2 .copy {
  font-family: "Soleil", sans-serif;
  color: #fff;
  text-align: center;
}
@media screen and (min-width: 980px) {
  .contact-info-block > .content .col-2 .copy {
    text-align: start;
  }
}
.contact-info-block > .content .col-2 .copy .heading {
  font-size: 2.4rem;
  font-weight: 800;
  margin: 0 0 1.97rem;
}
.contact-info-block > .content .col-2 .copy .subheading {
  margin: 0 0 2.93rem;
  font-size: 1.8rem;
}
.contact-info-block > .content .col-2 .actions {
  width: 100%;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 1rem;
}
@media screen and (min-width: 980px) {
  .contact-info-block > .content .col-2 .actions {
    justify-content: start;
  }
}
.contact-info-block > .content .col-3 {
  padding: 0;
}
@media screen and (max-width: 979px) {
  .contact-info-block > .content .col-3 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    row-gap: 3.2rem;
  }
}
@media screen and (min-width: 980px) {
  .contact-info-block > .content .col-3 {
    padding: 0.5rem 0 0 7.85rem;
  }
}
.contact-info-block > .content .col-3 div {
  margin-bottom: 2rem;
}
.contact-info-block > .content .col-3 div:last-of-type {
  margin-bottom: 0;
}
@media screen and (max-width: 979px) {
  .contact-info-block > .content .col-3 div:first-of-type {
    grid-column: 1/-1;
  }
}
.contact-info-block > .content .col-3 p {
  color: white;
  font-size: 1.6rem;
}
.contact-info-block > .content .col-3 .email a {
  font-size: 1.6rem;
  color: white;
  font-weight: 800;
  text-decoration: underline;
}
.contact-info-block > .content .col-3 a {
  font-size: 1.6rem;
  color: white;
  font-weight: 800;
}
.contact-info-block > .content .col-3 .tel {
  text-decoration: none;
}
.contact-info-block > .content .col-3 p {
  margin-bottom: 1rem;
}

.cross-sell-block {
  width: 100%;
  padding: 4.5rem 30px;
}
.cross-sell-block > .content {
  margin: 0 auto;
  max-width: max-content;
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  flex-direction: column;
  align-items: stretch;
}
@media screen and (min-width: 980px) {
  .cross-sell-block > .content {
    gap: 5rem;
    flex-direction: row;
    justify-content: center;
  }
}

.cta-bar {
  width: 100%;
  margin: 0 0 3rem;
}
@media screen and (min-width: 980px) {
  .cta-bar {
    margin: 0 0 12rem;
  }
}
.cta-bar > .content {
  margin: 0 auto;
  max-width: var(--max-wrap);
  width: 100%;
  gap: 3.23rem;
  padding: 0 30px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.cta-bar > .content .h-copy {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 430px;
  text-align: center;
  color: #49535D;
  gap: 2rem;
}
@media screen and (min-width: 980px) {
  .cta-bar > .content .h-copy {
    max-width: max-content;
  }
}
.cta-bar > .content .h-copy .h-copy-heading {
  font-weight: 800;
  font-size: 7rem;
  margin: 0;
  line-height: 71px;
  color: #1D2E3F;
  text-align: left;
}
@media screen and (min-width: 980px) {
  .cta-bar > .content .h-copy .h-copy-heading {
    font-size: 11rem;
    margin: 0;
    line-height: 110px;
    text-align: center;
  }
}
.cta-bar > .content .h-copy .h-copy-copy {
  font-size: 1.8rem;
}
.cta-bar > .content .h-copy .actions {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
  width: 100%;
  justify-content: start;
}
@media screen and (min-width: 980px) {
  .cta-bar > .content .h-copy .actions {
    justify-content: center;
  }
}

.lp-cta-bar {
  width: 100%;
  margin: 0 0 3rem;
  background-color: #f3f3f3;
  padding: 0 30px;
}
@media screen and (min-width: 980px) {
  .lp-cta-bar {
    margin: 0 0 6rem;
  }
}
.lp-cta-bar > .content {
  margin: 0 auto;
  max-width: var(--max-wrap);
  width: 100%;
  padding: 8.3rem 0 8.9rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.lp-cta-bar > .content .cta-bar-heading {
  font-weight: 800;
  color: #1D2E3F;
  margin-bottom: 2.75rem;
  font-size: 2.6rem;
}
@media screen and (min-width: 980px) {
  .lp-cta-bar > .content .cta-bar-heading {
    margin-bottom: 2rem;
    font-size: 3.6rem;
  }
}
.lp-cta-bar > .content .actions {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
  flex-direction: column;
  align-items: center;
}
@media screen and (min-width: 980px) {
  .lp-cta-bar > .content .actions {
    flex-direction: row;
    justify-content: center;
  }
}

.directory-toggle-holder {
  margin: 14rem auto 14rem;
}
@media screen and (min-width: 980px) {
  .directory-toggle-holder {
    margin: 6rem auto 9rem;
  }
}
.directory-toggle-holder .splide__track {
  overflow: visible;
  left: 8vw;
}
.directory-toggle-holder .splide__arrows {
  position: absolute;
  width: 100vw;
  display: flex;
  justify-content: space-between;
  z-index: 3;
  pointer-events: none;
  pointer-events: all;
}
@media screen and (max-width: 979px) {
  .directory-toggle-holder .splide__arrows {
    top: 6vw;
  }
}
.directory-toggle-holder .splide__arrows .splide__arrow {
  position: absolute;
  height: 485px;
  width: 75px;
  background-color: rgba(0, 166, 81, 0.85);
}
@media screen and (max-width: 979px) {
  .directory-toggle-holder .splide__arrows .splide__arrow {
    height: 110px;
    width: 56px;
    background-color: #00A651;
    border-radius: 20px;
  }
}
.directory-toggle-holder .splide__arrows .splide__arrow svg {
  filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(298deg) brightness(102%) contrast(102%);
}
.directory-toggle-holder .splide__arrows .splide__arrow.splide__arrow--prev {
  left: 0;
}
.directory-toggle-holder .splide__arrows .splide__arrow.splide__arrow--prev svg {
  transform: scaleX(-1);
}
@media screen and (max-width: 979px) {
  .directory-toggle-holder .splide__arrows .splide__arrow.splide__arrow--prev {
    left: -14px;
  }
  .directory-toggle-holder .splide__arrows .splide__arrow.splide__arrow--prev svg {
    height: 26px;
    padding: 0 8px 0 0;
  }
}
.directory-toggle-holder .splide__arrows .splide__arrow.splide__arrow--next {
  right: 0;
}
@media screen and (max-width: 979px) {
  .directory-toggle-holder .splide__arrows .splide__arrow.splide__arrow--next {
    right: -14px;
  }
  .directory-toggle-holder .splide__arrows .splide__arrow.splide__arrow--next svg {
    height: 26px;
    padding: 0 8px 0 0;
  }
}
.directory-toggle-holder .directory-controls {
  position: absolute;
  bottom: -71px;
  width: 100vw;
  display: flex;
  overflow: hidden;
  justify-content: center;
  padding: 0 75px 0;
}
.directory-toggle-holder .directory-controls .content {
  max-width: 1466px;
  display: flex;
  justify-content: flex-end;
  width: 100%;
}
@media screen and (max-width: 979px) {
  .directory-toggle-holder .directory-controls .content {
    justify-content: center;
    height: 25px;
  }
}
.directory-toggle-holder .directory-controls .content .custom-pagination.splide__pagination {
  display: flex;
  align-items: center;
  padding: 0;
  gap: 1.7rem;
}
@media screen and (min-width: 980px) {
  .directory-toggle-holder .directory-controls .content .custom-pagination.splide__pagination {
    padding: 0 3rem 0 0;
  }
}
.directory-toggle-holder .directory-controls .content .custom-pagination.splide__pagination li button {
  height: 15px;
  width: 15px;
  border-radius: 50%;
  border: 2px solid #1D2E3F;
  background-color: #fff;
}
@media screen and (min-width: 980px) {
  .directory-toggle-holder .directory-controls .content .custom-pagination.splide__pagination li button {
    height: 20px;
    width: 20px;
  }
}
.directory-toggle-holder .directory-controls .content .custom-pagination.splide__pagination li button.is-active {
  background-color: #1D2E3F;
}
.directory-toggle-holder .directory-controls .custom-arrows {
  position: relative;
  display: flex;
  gap: 0.5rem;
}
@media screen and (max-width: 979px) {
  .directory-toggle-holder .directory-controls .custom-arrows {
    display: none;
  }
}
.directory-toggle-holder .directory-controls .custom-arrows:after {
  content: "";
  position: relative;
  display: block;
  height: 41px;
  width: 400px;
  background-color: #00A651;
}
.directory-toggle-holder .directory-controls .custom-arrows button {
  background-color: #1D2E3F;
  height: 41px;
  width: 75px;
}
.directory-toggle-holder .directory-controls .custom-arrows .custom-next img {
  transform: scaleX(-1);
}

.directory-toggle {
  width: 100%;
  margin: 0 auto 3rem;
  padding: 0 0 1rem;
  max-width: 1170px;
  transition: 0.1s ease;
}
.directory-toggle.splide__slide.is-active {
  transform: scale(1.26) translateX(-10%);
  transform-origin: center;
}
@media screen and (min-width: 980px) {
  .directory-toggle.splide__slide.is-active {
    max-height: 584px;
  }
}
.directory-toggle.splide__slide.is-active .content {
  grid-template-columns: 1fr;
}
@media screen and (min-width: 980px) {
  .directory-toggle.splide__slide.is-active .content {
    grid-template-columns: 877fr 530fr;
  }
}
.directory-toggle.splide__slide.is-active .content .header-image {
  max-height: 100%;
}
.directory-toggle.splide__slide.is-active .copy {
  display: flex;
}
.directory-toggle.splide__slide.is-prev {
  transform-origin: center;
  transform: translateX(-25%);
}
.directory-toggle.splide__slide.is-next {
  transform-origin: center;
}
.directory-toggle > .content {
  margin: 0 auto;
  width: 100%;
  display: grid;
  min-height: 485px;
  grid-template-columns: 1fr;
}
@media screen and (min-width: 980px) {
  .directory-toggle > .content {
    grid-template-columns: 1fr;
  }
}
.directory-toggle > .content .header-image {
  position: relative;
  max-height: 486px;
}
.directory-toggle > .content .header-image img {
  height: 100%;
  width: 100.2%;
  object-fit: cover;
}
.directory-toggle > .content .copy {
  display: none;
  background-color: #1D2E3F;
  font-family: "Soleil", sans-serif;
  padding: 1rem 4.5rem 1rem 4.5rem;
  flex-direction: column;
  justify-content: center;
}
@media screen and (min-width: 980px) {
  .directory-toggle > .content .copy {
    padding: 2rem 4.2rem;
    max-width: 531px;
    align-items: center;
    justify-content: center;
  }
}
.directory-toggle > .content .copy .heading {
  font-size: 3rem;
  font-weight: 800;
  color: #fff;
  width: 100%;
  margin: 0 0 1rem;
}
@media screen and (min-width: 980px) {
  .directory-toggle > .content .copy .heading {
    margin: 0 0 1.4rem;
    font-size: 3rem;
  }
}
.directory-toggle > .content .copy .sub-heading {
  color: #fff;
  font-size: 1.6rem;
}
@media screen and (min-width: 980px) {
  .directory-toggle > .content .copy .sub-heading {
    font-size: 1.6rem;
  }
}
.directory-toggle > .content .copy .sub-heading:last-of-type {
  margin: 0 0 3.72rem;
}
@media screen and (min-width: 980px) {
  .directory-toggle > .content .copy .sub-heading:last-of-type {
    margin: 0 0 4.59rem;
  }
}
.directory-toggle > .content .copy .actions {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
  justify-content: center;
}
@media screen and (min-width: 980px) {
  .directory-toggle > .content .copy .actions {
    justify-content: start;
  }
}

.directory-jump-menu {
  margin: 0 auto;
}
.directory-jump-menu > .content {
  max-width: 1474px;
}

.edu-link-block {
  width: 100%;
  display: flex;
  margin: 20rem auto 3rem;
  justify-content: center;
  padding: 0 30px;
}
@media screen and (min-width: 980px) {
  .edu-link-block {
    padding: 0;
    justify-content: end;
    margin: 0 auto 6rem;
  }
}
@media screen and (max-width: 390px) {
  .edu-link-block {
    margin-top: 14rem;
  }
}
.edu-link-block > .content {
  width: 100%;
  display: flex;
  gap: 5.6rem;
  position: relative;
  left: 0;
  background-color: #f3f3f3;
  padding: 26vw 3rem 7.4rem;
}
@media screen and (min-width: 980px) {
  .edu-link-block > .content {
    padding: 5rem 5.13rem;
    max-width: 84%;
  }
}
.edu-link-block > .content .icon-holder {
  justify-content: center;
  align-items: center;
  position: absolute;
  background-color: #B4F5D7;
  z-index: 3;
}
.edu-link-block > .content .icon-holder.show-desktop {
  height: 105px;
  width: 105px;
  top: 0;
  left: 0;
  display: flex;
}
@media screen and (max-width: 979px) {
  .edu-link-block > .content .icon-holder.show-desktop {
    display: none;
  }
}
.edu-link-block > .content .icon-holder.show-mobile {
  display: flex;
  top: -20px;
  left: -20px;
  height: 30%;
  width: auto;
  max-height: 105px;
  aspect-ratio: 105/105;
}
@media screen and (min-width: 980px) {
  .edu-link-block > .content .icon-holder.show-mobile {
    display: none;
  }
}
@media screen and (max-width: 390px) {
  .edu-link-block > .content .icon-holder.show-mobile {
    display: none;
  }
}
.edu-link-block > .content .icon-holder img {
  object-fit: cover;
  max-height: 55px;
  max-width: 55px;
  height: 100%;
  width: 100%;
}
@media screen and (max-width: 979px) {
  .edu-link-block > .content .icon-holder img {
    max-height: 55%;
    max-width: 55%;
  }
}
.edu-link-block > .content .img-holder {
  position: absolute;
  width: calc(100% - 80px);
  max-width: 450px;
  aspect-ratio: 350/233;
  top: 0;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}
@media screen and (min-width: 980px) {
  .edu-link-block > .content .img-holder {
    left: unset;
    top: unset;
    height: 334px;
    width: 500px;
    position: relative;
    transform: none;
  }
}
.edu-link-block > .content .img-holder:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 166, 81, 0.6);
  z-index: 2;
}
.edu-link-block > .content .img-holder img {
  object-fit: cover;
  height: 100%;
  width: 100%;
  object-position: top center;
}
.edu-link-block > .content .img-holder video {
  object-fit: cover;
  height: 100%;
  width: 100%;
  position: relative;
  z-index: 1;
  object-position: top center;
}
@media screen and (min-width: 980px) {
  .edu-link-block > .content .copy {
    padding: 4.1rem 0 0 0;
  }
}
.edu-link-block > .content .copy .heading {
  font-family: "Soleil", sans-serif;
  color: #1D2E3F;
  font-weight: 800;
  margin-bottom: 2rem;
}
@media screen and (min-width: 980px) {
  .edu-link-block > .content .copy .heading {
    font-size: 3rem;
  }
}
.edu-link-block > .content .copy .subheading {
  font-size: 1.8rem;
  color: #49535D;
  margin-bottom: 3.14rem;
}
@media screen and (min-width: 980px) {
  .edu-link-block > .content .copy .subheading {
    margin-bottom: 5.14rem;
    font-size: 1.8rem;
  }
}
.edu-link-block > .content .copy .edu-items .edu-heading {
  font-weight: 800;
  font-size: 1.6rem;
  color: #00A651;
  display: flex;
  gap: 0.6rem;
  margin-bottom: 1.96rem;
}
.edu-link-block > .content .copy .edu-items ul {
  padding: 0;
}
.edu-link-block > .content .copy .edu-items ul li {
  margin-bottom: 4rem;
  list-style: none;
}
@media screen and (max-width: 979px) {
  .edu-link-block > .content .copy .edu-items ul li {
    margin-bottom: 2.9rem;
  }
}
.edu-link-block > .content .copy .edu-items ul li a {
  color: #1D2E3F;
  text-decoration: underline currentColor;
  font-weight: 800;
  font-size: 1.8rem;
}
.block-educational-resources {
  width: 100%;
  margin: 0 0 6rem;
}
@media screen and (min-width: 980px) {
  .block-educational-resources {
    margin: 0 0 9rem;
  }
}
.block-educational-resources > .content {
  margin: 0 auto;
  max-width: 1670px;
  padding: 0 30px;
}
.block-educational-resources > .content .er-headline {
  font-family: "Soleil", sans-serif;
  color: #1D2E3F;
  font-weight: 800;
  text-align: center;
  font-size: 2.6rem;
  padding: 0 54px;
}
@media screen and (min-width: 980px) {
  .block-educational-resources > .content .er-headline {
    font-size: 3.2rem;
    margin: 0 0 4.9rem;
  }
}
.block-educational-resources > .content .er-gallery {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
  justify-content: center;
  flex-wrap: wrap;
}
@media screen and (max-width: 979px) {
  .block-educational-resources > .content .er-gallery {
    max-width: 425px;
    margin: 0 auto;
  }
}
.block-educational-resources > .content .er-gallery .er-card {
  border: 2px solid #00A651;
  border-radius: 1em;
  position: relative;
  width: 100%;
  padding: 2.5rem calc(2.7rem + 35px) 2.5rem 3.1rem;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  gap: 1.8rem;
  margin: 0 auto;
  text-decoration: none;
}
@media screen and (min-width: 980px) {
  .block-educational-resources > .content .er-gallery .er-card {
    max-width: 530px;
    gap: 3.3rem;
    align-items: start;
    margin: 0;
    padding: 2.98rem 8.4rem 2.45rem 4.7rem;
  }
}
@media screen and (max-width: 979px) {
  .block-educational-resources > .content .er-gallery .er-card {
    flex-direction: column;
    align-items: start;
    -webkit-align-itens: flex-start;
  }
}
.block-educational-resources > .content .er-gallery .er-card:after {
  content: "";
  position: absolute;
  height: 32px;
  width: 32px;
  background-image: url("../htmlTemplates/images/ico-link-arrow.svg");
  right: 33px;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.2s ease, right 0.2s ease;
}
.block-educational-resources > .content .er-gallery .er-card:hover {
  cursor: pointer;
}
.block-educational-resources > .content .er-gallery .er-card:hover:after {
  background-image: url("./../images/ico-green-arrow_on.svg");
  right: 29px;
}
.block-educational-resources > .content .er-gallery .er-card img {
  max-height: 76.8px;
}
@media screen and (min-width: 980px) {
  .block-educational-resources > .content .er-gallery .er-card img {
    height: 100%;
    max-height: 76.88px;
    object-fit: cover;
  }
}
@media screen and (max-width: 390px) {
  .block-educational-resources > .content .er-gallery .er-card img {
    max-height: 50px;
  }
}
.block-educational-resources > .content .er-gallery .er-card .er-copy .er-copy-title {
  margin: 0;
  color: #1D2E3F;
}
@media screen and (min-width: 980px) {
  .block-educational-resources > .content .er-gallery .er-card .er-copy .er-copy-title {
    margin: 0 0 0.65rem;
    font-size: 2rem;
  }
}
.block-educational-resources > .content .er-gallery .er-card .er-copy .er-copy-copy {
  font-size: 1.8rem;
  display: none;
  color: #1D2E3F;
}
.block-educational-resources > .content .er-gallery .er-card .er-copy .er-copy-copy:last-child {
  margin: 0;
}
@media screen and (min-width: 980px) {
  .block-educational-resources > .content .er-gallery .er-card .er-copy .er-copy-copy {
    display: block;
  }
}
@media screen and (max-width: 390px) {
  .block-educational-resources > .content .er-gallery .er-card .er-copy .er-copy-copy {
    font-size: 1.6rem;
  }
}

.faq-block {
  width: 100%;
  padding: 3rem 30px 4.85rem;
}
@media screen and (min-width: 980px) {
  .faq-block {
    padding: 4.8rem 30px 6rem;
  }
}
.faq-block > .content {
  margin: 0 auto 4rem;
  max-width: 1262px;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 980px) {
  .faq-block > .content {
    flex-direction: row;
    margin: 0 auto 9rem;
  }
}
.faq-block > .content .sidebar {
  display: flex;
  justify-content: center;
  margin-bottom: 2.6rem;
  padding: 0;
}
@media screen and (min-width: 980px) {
  .faq-block > .content .sidebar {
    margin: 0;
    max-width: 100px;
    padding: 0 3.73rem 0 0;
    justify-content: start;
  }
}
.faq-block > .content .sidebar img {
  height: auto;
  width: 72.7px;
  max-height: 75px;
}
@media screen and (min-width: 980px) {
  .faq-block > .content .sidebar {
    border-right: 4px solid #1D2E3F;
  }
}
.faq-block > .content .faqs-container {
  width: 100%;
}
@media screen and (min-width: 980px) {
  .faq-block > .content .faqs-container {
    padding: 0 0 0 3.85rem;
  }
}
.faq-block > .content .faqs-container .heading {
  font-size: 2.6rem;
  font-weight: 800;
  margin-bottom: 4rem;
  text-align: center;
  color: #1D2E3F;
}
@media screen and (min-width: 980px) {
  .faq-block > .content .faqs-container .heading {
    font-size: 4rem;
    margin-bottom: 3.6rem;
    text-align: start;
  }
}
.faq-block > .content .faqs-container .subheading {
  font-size: 1.8rem;
  font-weight: 700;
  margin-bottom: 0.9rem;
  text-align: center;
  color: #49535D;
}
@media screen and (min-width: 980px) {
  .faq-block > .content .faqs-container .subheading {
    font-weight: 800;
    margin-bottom: 1.9rem;
    text-align: start;
  }
}
.faq-block > .content .faqs-container .faqs-section {
  margin-bottom: 5.95rem;
  scroll-margin-top: 65px;
}
.faq-block > .content .faqs-container .faqs-section:last-of-type {
  margin-bottom: 0;
}
.faq-block > .content .faqs-container .faqs-section .faqs-section-heading {
  font-size: 1.8rem;
  font-weight: 700;
  margin-bottom: 0.05rem;
  text-align: center;
}
@media screen and (min-width: 980px) {
  .faq-block > .content .faqs-container .faqs-section .faqs-section-heading {
    text-align: start;
  }
}
.faq-block > .content .faqs-container .faqs-section .faq {
  padding: 0 0 0 1.6rem;
  border-bottom: 2px solid #00A651;
  margin: 0;
}
.faq-block > .content .faqs-container .faqs-section .faq > .js-accordion-button {
  color: #49535D;
  font-family: "Soleil", sans-serif;
  font-weight: 400;
  padding: 3rem 0 3rem 1.6rem;
  font-size: 1.6rem;
  position: relative;
  width: 100%;
  text-align: left;
}
@media screen and (max-width: 979px) {
  .faq-block > .content .faqs-container .faqs-section .faq > .js-accordion-button span {
    max-width: 84%;
    display: inline-block;
  }
}
.faq-block > .content .faqs-container .faqs-section .faq > .js-accordion-button:hover {
  cursor: pointer;
}
.faq-block > .content .faqs-container .faqs-section .faq > .js-accordion-button:after {
  content: "";
  position: absolute;
  top: 43%;
  transform: translateY(-50%);
  transform: rotate(-90deg);
  right: 34px;
  width: 10px;
  height: 20px;
  background-image: url("../htmlTemplates/images/ico-dropdown-black.svg");
  background-size: contain;
  background-repeat: no-repeat;
  transition: transform 0.2s ease;
}
.faq-block > .content .faqs-container .faqs-section .faq > .js-accordion-button[aria-expanded=true]:after {
  transform: rotate(-90deg) rotateY(180deg);
  transition: transform 0.2s ease;
}
.faq-block > .content .faqs-container .faqs-section .faq .js-accordion-content {
  padding: 1.65rem 1.6rem 2.5rem 1.6rem;
}
@media screen and (min-width: 980px) {
  .faq-block > .content .faqs-container .faqs-section .faq .js-accordion-content {
    padding: 1.65rem 5.4rem 2.5rem 1.6rem;
  }
}
.faq-block > .content .faqs-container .faqs-section .faq .faq-body {
  font-size: 1.4rem;
  color: #49535D;
  font-family: "Soleil", sans-serif;
}
.faq-block > .content .faqs-container .faqs-section .faq .faq-body p {
  margin: 0 0 1.4rem;
}
.faq-block > .content .faqs-container .faqs-section .faq .faq-body p:last-of-type {
  margin-bottom: 0;
}
.block-header-account-photo {
  width: 100%;
  margin: 0rem 0 3rem;
  padding: 0 0 1rem;
}
@media screen and (min-width: 980px) {
  .block-header-account-photo {
    padding: 0 2.1rem;
    margin: 5.4rem 0 6rem;
  }
}
.block-header-account-photo > .content {
  margin: 0 auto;
  width: 100%;
  display: grid;
  min-height: 427px;
  grid-template-columns: 1fr;
}
@media screen and (min-width: 980px) {
  .block-header-account-photo > .content {
    gap: 1.6rem;
    grid-template-columns: 34fr 66fr;
  }
}
.block-header-account-photo > .content .header-image {
  position: relative;
}
.block-header-account-photo > .content .header-image img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.block-header-account-photo > .content .header-image:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 54px;
  background-color: #00A651;
  opacity: 0.7;
}
@media screen and (max-width: 979px) {
  .block-header-account-photo > .content .header-image:before {
    width: 8%;
  }
}
.block-header-account-photo > .content .header-image:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 56px;
  width: 54px;
  background-color: #B4F5D7;
}
@media screen and (max-width: 979px) {
  .block-header-account-photo > .content .header-image:after {
    width: 8%;
  }
}
.block-header-account-photo > .content .copy {
  background-color: #1D2E3F;
  font-family: "Soleil", sans-serif;
  padding: 2.97rem 2.8rem 4.84rem 3.8rem;
}
@media screen and (min-width: 980px) {
  .block-header-account-photo > .content .copy {
    padding: 10.7rem 3rem 9.51rem 13.4rem;
  }
}
.block-header-account-photo > .content .copy .heading {
  font-size: 3rem;
  font-weight: 800;
  color: #fff;
  width: 100%;
  margin: 0 0 1rem;
}
@media screen and (min-width: 980px) {
  .block-header-account-photo > .content .copy .heading {
    margin: 0 0 1.4rem;
    font-size: 6rem;
    max-width: 600px;
  }
}
.block-header-account-photo > .content .copy .sub-heading {
  color: #fff;
  font-size: 1.6rem;
  font-weight: 400;
}
@media screen and (min-width: 980px) {
  .block-header-account-photo > .content .copy .sub-heading {
    font-size: 1.8rem;
    max-width: 600px;
  }
}
.block-header-account-photo > .content .copy .sub-heading:last-of-type {
  margin: 0 0 3.72rem;
}
@media screen and (min-width: 980px) {
  .block-header-account-photo > .content .copy .sub-heading:last-of-type {
    margin: 0 0 4.59rem;
  }
}
.block-header-account-photo > .content .copy .actions {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
  justify-content: center;
}
@media screen and (min-width: 980px) {
  .block-header-account-photo > .content .copy .actions {
    justify-content: start;
  }
}

.block-directory-header {
  width: 100%;
  margin: 3rem 0 5rem;
  padding: 0 30px;
}
@media screen and (min-width: 980px) {
  .block-directory-header {
    margin: 6rem 0 12rem;
  }
}
.block-directory-header > .content {
  margin: 0 auto;
  max-width: 1218px;
  width: 100%;
  padding: 0 30px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.2rem;
}
@media screen and (min-width: 980px) {
  .block-directory-header > .content {
    flex-direction: row;
    justify-content: center;
    gap: clamp(6.5rem, 10vw, 15rem);
  }
}
.block-directory-header > .content .h-copy {
  display: flex;
  flex-direction: column;
  justify-content: start;
  max-width: 430px;
}
@media screen and (min-width: 980px) {
  .block-directory-header > .content .h-copy {
    max-width: 100%;
  }
}
.block-directory-header > .content .h-copy .h-copy-heading {
  font-weight: 800;
  font-size: 4rem;
  margin-bottom: 1.5rem;
  color: #1D2E3F;
  line-height: 50px;
}
@media screen and (min-width: 980px) {
  .block-directory-header > .content .h-copy .h-copy-heading {
    font-size: 9rem;
    margin-bottom: 1rem;
    line-height: 90px;
  }
}
.block-directory-header > .content .h-copy .h-copy-copy {
  font-size: 1.8rem;
  color: #49535D;
}
.block-directory-header > .content .actions {
  display: flex;
  gap: 1rem;
  align-items: center;
  position: relative;
  background: none;
  width: max-content;
  flex-direction: column;
  padding: 0;
}
.block-directory-header > .content .actions a {
  width: 100%;
}
@media screen and (min-width: 980px) {
  .block-directory-header > .content .actions {
    background-color: #f3f3f3;
    justify-content: center;
    min-height: 320px;
    min-width: 309px;
    padding: 0 3rem;
  }
  .block-directory-header > .content .actions:before {
    content: "";
    position: absolute;
    background-image: url(../htmlTemplates/images/shape-cross_sell.svg);
    top: -2px;
    left: -1px;
    height: 100%;
    width: calc(100% + 2px);
    scale: 1;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 3;
  }
  .block-directory-header > .content .actions:after {
    content: "";
    position: absolute;
    background-image: url(../htmlTemplates/images/shape-cross_sell.svg);
    bottom: -2px;
    left: -1px;
    height: 100%;
    width: calc(100% + 2px);
    transform: rotateX(180deg);
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 3;
  }
  .block-directory-header > .content .actions:before, .block-directory-header > .content .actions:after {
    pointer-events: none;
  }
}

.block-header-photo {
  width: 100%;
  margin: 3rem 0 2.4rem;
}
@media screen and (min-width: 980px) {
  .block-header-photo {
    margin: 3rem 0 9rem;
  }
}
.block-header-photo > .content {
  margin: 0 auto;
  max-width: var(--max-wrap);
  display: flex;
  align-items: center;
  width: 100%;
  gap: 3.23rem;
  flex-direction: column;
  padding: 0 30px;
}
@media screen and (min-width: 980px) {
  .block-header-photo > .content {
    justify-content: center;
    flex-direction: row;
  }
}
.block-header-photo > .content .hp-img {
  width: 100%;
  max-width: 520px;
  flex: 0 0 auto;
}
.block-header-photo > .content .hp-img img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
}
.block-header-photo > .content .hp-copy {
  max-width: 430px;
  text-align: center;
}
@media screen and (min-width: 980px) {
  .block-header-photo > .content .hp-copy {
    text-align: left;
    max-width: 700px;
  }
}
.block-header-photo > .content .hp-copy .hp-copy-heading {
  font-weight: 800;
  font-size: 4rem;
  margin-bottom: 1.5rem;
  color: #1D2E3F;
}
@media screen and (min-width: 980px) {
  .block-header-photo > .content .hp-copy .hp-copy-heading {
    font-size: clamp(4rem, 5vw, 9rem);
    margin-bottom: 1rem;
  }
}
.block-header-photo > .content .hp-copy .hp-copy-copy {
  font-size: 1.8rem;
  color: #49535D;
}
.block-header-photo > .content .hp-copy .actions {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
  justify-content: center;
}
@media screen and (min-width: 980px) {
  .block-header-photo > .content .hp-copy .actions {
    justify-content: start;
  }
}

.block-header {
  width: 100%;
  margin: 3rem 0 6rem;
}
@media screen and (min-width: 980px) {
  .block-header {
    margin: 6rem 0 12rem;
  }
}
.block-header > .content {
  margin: 0 auto;
  max-width: var(--max-wrap);
  width: 100%;
  gap: 3.23rem;
  padding: 0 30px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.block-header > .content .h-copy {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 430px;
  text-align: center;
  color: #49535D;
  gap: 2rem;
}
@media screen and (min-width: 980px) {
  .block-header > .content .h-copy {
    max-width: 100%;
    max-width: 950px;
  }
}
.block-header > .content .h-copy .h-copy-heading {
  font-weight: 800;
  font-size: 4rem;
  margin-bottom: 2.2rem;
  line-height: 45px;
  color: #1D2E3F;
}
@media screen and (min-width: 980px) {
  .block-header > .content .h-copy .h-copy-heading {
    font-size: 9rem;
    margin-bottom: 3rem;
    line-height: 90px;
  }
}
.block-header > .content .h-copy .h-copy-heading.lp-styles {
  font-size: 3.6rem;
  margin-bottom: 1rem;
  line-height: 46px;
}
@media screen and (max-width: 979px) {
  .block-header > .content .h-copy .h-copy-heading.lp-styles {
    font-size: 2.4rem;
    margin: 0;
  }
}
.block-header > .content .h-copy .h-copy-copy {
  font-size: 1.8rem;
}
.block-header > .content .h-copy .actions {
  display: flex;
  gap: 1rem;
  justify-content: center;
  flex-wrap: wrap;
}
@media screen and (min-width: 980px) {
  .block-header > .content .h-copy .actions {
    justify-content: start;
  }
}

.highlighted-product-block {
  width: 100%;
  background-color: #1D2E3F;
  margin: 0 0 6rem;
  padding: 0 30px 2.3rem;
}
.highlighted-product-block > .content {
  margin: 0 auto;
  max-width: 995px;
  display: grid;
  grid-template-columns: 1fr;
  gap: 5.04rem;
  padding: 0 0 7.2rem 0;
  justify-items: center;
}
@media screen and (min-width: 980px) {
  .highlighted-product-block > .content {
    gap: 8.01rem;
    grid-template-columns: 1fr 1fr;
    padding: 0;
  }
}
.highlighted-product-block > .content .img-holder {
  height: 354px;
  aspect-ratio: 346/354;
  position: relative;
}
.highlighted-product-block > .content .img-holder:after {
  content: "";
  position: absolute;
  bottom: -21px;
  left: -4px;
  width: calc(100% + 8px);
  height: 76px;
  background-image: url("./../images/shape_highlighted-product.svg");
  background-size: contain;
  background-repeat: no-repeat;
}
@media screen and (min-width: 980px) {
  .highlighted-product-block > .content .img-holder:after {
    bottom: -4px;
  }
}
@media screen and (min-width: 980px) {
  .highlighted-product-block > .content .img-holder {
    height: 450px;
  }
}
.highlighted-product-block > .content .img-holder img {
  object-fit: cover;
  height: 100%;
  width: 100%;
}
.highlighted-product-block > .content .copy {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0 1rem 0;
}
.highlighted-product-block > .content .copy .heading {
  font-family: "Soleil", sans-serif;
  font-weight: 800;
  color: #fff;
  font-size: 2.6rem;
  margin: 0 0 1.82rem;
}
@media screen and (min-width: 980px) {
  .highlighted-product-block > .content .copy .heading {
    padding: 0;
    font-size: 3rem;
    margin: 0 0 1.7rem;
  }
}
.highlighted-product-block > .content .copy .rating {
  margin: 0 0 2.73rem;
  display: flex;
  gap: 1rem;
}
.highlighted-product-block > .content .copy p, .highlighted-product-block > .content .copy span {
  font-family: "Soleil", sans-serif;
  color: #fff;
  margin: 0 0 4.03rem;
  color: 1.6rem;
  text-align: center;
}
@media screen and (min-width: 980px) {
  .highlighted-product-block > .content .copy p, .highlighted-product-block > .content .copy span {
    margin: 0 0 2.78rem;
    font-size: 1.8rem;
  }
}
.highlighted-product-block > .content .copy span {
  margin: 0 0 1.03rem;
  font-weight: 700;
}
.highlighted-product-block > .content .actions {
  color: #fff;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  flex-wrap: wrap;
}
.highlighted-product-block > .content .actions a {
  width: 221px;
  border-width: 1px;
}
@media screen and (min-width: 980px) {
  .highlighted-product-block > .content .actions {
    flex-direction: row;
    justify-content: center;
  }
}

.holiday-hours-section > .holiday-hours-block {
  width: 100%;
  background-color: #00A651;
  padding: 5.5rem 5.5rem 7.7rem;
}
@media screen and (min-width: 980px) {
  .holiday-hours-section > .holiday-hours-block {
    padding: 9.9rem 30px;
  }
}
@media screen and (max-width: 980px) {
  .holiday-hours-section > .holiday-hours-block {
    display: none;
  }
}
.holiday-hours-section > .holiday-hours-block > .content {
  margin: 0 auto;
  min-height: 243px;
  max-width: 525px;
}
@media screen and (min-width: 980px) {
  .holiday-hours-section > .holiday-hours-block > .content {
    max-width: 1344px;
  }
}
.holiday-hours-section > .holiday-hours-block > .content .holiday-hours-heading {
  font-size: 3.6rem;
  font-weight: 800;
  text-align: center;
  color: white;
  margin-bottom: 5.35rem;
}
.holiday-hours-section > .holiday-hours-block > .content .columns {
  display: flex;
  justify-content: center;
  flex-direction: column;
}
@media screen and (min-width: 980px) {
  .holiday-hours-section > .holiday-hours-block > .content .columns {
    flex-direction: row;
  }
}
.holiday-hours-section > .holiday-hours-block > .content .col-1 {
  text-align: center;
  padding: 0;
  margin: 0 0 2.2rem;
}
@media screen and (min-width: 980px) {
  .holiday-hours-section > .holiday-hours-block > .content .col-1 {
    border-right: 2px solid #B4F5D7;
    padding: 2rem 3.59rem 5rem 0;
    text-align: end;
    margin: 0;
  }
}
.holiday-hours-section > .holiday-hours-block > .content .col-2 {
  margin: 0 auto;
  width: 100%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  gap: 1.8rem;
}
@media screen and (min-width: 980px) {
  .holiday-hours-section > .holiday-hours-block > .content .col-2 {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 2.6rem 0;
  }
}
.holiday-hours-section > .holiday-hours-block > .content .col-2 ul {
  width: 100%;
  margin: 0;
}
@media screen and (min-width: 980px) {
  .holiday-hours-section > .holiday-hours-block > .content .col-2 ul {
    border-right: 1px solid #B4F5D7;
  }
}
.holiday-hours-section > .holiday-hours-block > .content .col-2 ul li {
  margin-bottom: 1.8rem;
  color: #fff;
}
.holiday-hours-section > .holiday-hours-block > .content .col-2 ul li .date {
  font-weight: 800;
}
.holiday-hours-section > .holiday-hours-block > .content .col-2 ul:last-of-type {
  border: none;
}
@media screen and (min-width: 980px) {
  .holiday-hours-section .location-holiday-hours {
    display: none;
  }
}

.block-homepage-feature {
  width: 100%;
}
.block-homepage-feature #featureCarousel li {
  list-style-image: none !important;
}
.block-homepage-feature #featureCarousel .after {
  width: 100%;
  position: absolute;
  bottom: 5px;
  left: 0;
  display: grid;
  gap: 0rem;
  justify-content: end;
  grid-template-columns: 56.4% 1fr;
  padding: 4px 0 0 0;
  gap: 4px;
}
@media screen and (max-width: 899px) and (mub-width: 500px) {
  .block-homepage-feature #featureCarousel .after {
    grid-template-columns: 55vw 1fr;
  }
}
@media screen and (max-width: 979px) {
  .block-homepage-feature #featureCarousel .after {
    top: 55vw;
    bottom: unset;
    grid-template-columns: 88% 1fr;
  }
}
.block-homepage-feature #featureCarousel .after .green {
  width: 100%;
  background-color: #00A651;
}
.block-homepage-feature #featureCarousel .content {
  width: 100%;
  display: grid;
  position: relative;
  justify-content: center;
  grid-template-rows: 1fr max-content;
  gap: 5.1rem;
}
@media screen and (min-width: 980px) {
  .block-homepage-feature #featureCarousel .content {
    margin: 0 0 5.3rem;
    grid-template-columns: 57.3% 1fr;
    grid-template-rows: 1fr;
  }
}
.block-homepage-feature #featureCarousel .content .hf-image {
  position: relative;
  width: 100%;
  max-width: 1100px;
}
@media screen and (max-width: 979px) {
  .block-homepage-feature #featureCarousel .content .hf-image {
    max-height: 55vw;
  }
}
.block-homepage-feature #featureCarousel .content .hf-image img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.block-homepage-feature #featureCarousel .content .hf-image:before {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background-image: url(../htmlTemplates/images/feature-image.svg);
  background-repeat: no-repeat;
  background-size: cover;
}
.block-homepage-feature #featureCarousel .content .hf-copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: start;
  width: 100%;
  padding: 0 3rem 0 clamp(3rem, 4vw, 9rem);
}
@media screen and (max-width: 979px) {
  .block-homepage-feature #featureCarousel .content .hf-copy {
    width: 100%;
    padding: 2.92rem 4.9rem 6rem;
  }
}
@media screen and (min-width: 980px) {
  .block-homepage-feature #featureCarousel .content .hf-copy * {
    max-width: 481px;
  }
}
.block-homepage-feature #featureCarousel .content .hf-copy .hf-copy-heading {
  font-family: "Soleil", sans-serif;
  font-weight: 800;
  color: #1D2E3F;
  margin: 0 0 1rem;
  font-size: 2.6rem;
}
@media screen and (min-width: 980px) {
  .block-homepage-feature #featureCarousel .content .hf-copy .hf-copy-heading {
    font-size: 4rem;
    margin: 0 0 1.5rem;
  }
}
.block-homepage-feature #featureCarousel .content .hf-copy .hf-copy-copy {
  font-family: "Soleil", sans-serif;
  font-weight: 400;
  color: #1D2E3F;
  font-size: 1.6rem;
}
@media screen and (min-width: 980px) {
  .block-homepage-feature #featureCarousel .content .hf-copy .hf-copy-copy {
    font-size: 2rem;
  }
}
.block-homepage-feature #featureCarousel .content .actions {
  display: flex;
  justify-content: start;
  flex-wrap: wrap;
  gap: 1rem;
  width: 100%;
}
@media screen and (max-width: 979px) {
  .block-homepage-feature #featureCarousel .content .actions {
    justify-content: center;
  }
}

#featureCarousel .splide__arrows {
  display: flex;
  justify-content: end;
  gap: 4px;
  width: 100%;
  z-index: 3;
}
#featureCarousel .splide__arrows .splide__arrow {
  padding: 9px 32px;
  background-color: #1D2E3F;
  transition: 0.2s ease;
}
#featureCarousel .splide__arrows .splide__arrow img {
  height: 23.5px;
  width: 11.5px;
}
#featureCarousel .splide__arrows .splide__arrow:hover {
  transition: background-color 0.2s ease;
  background-color: #00A651;
}
#featureCarousel .splide__arrows .splide__arrow:hover img {
  filter: brightness(0) saturate(100%) invert(100%) sepia(32%) saturate(2%) hue-rotate(164deg) brightness(108%) contrast(101%);
}
#featureCarousel .splide__arrows .splide__arrow--next img {
  transform: rotateY(180deg);
}
#featureCarousel .splide__pagination {
  display: none !important;
}

.location-index {
  display: grid;
  max-width: 1231px;
  grid-template-columns: 1fr;
  margin: 0 auto 7.18rem;
  justify-items: center;
  padding: 0 30px;
  gap: 3.98rem;
}
@media screen and (min-width: 980px) {
  .location-index {
    grid-template-columns: 1fr 1fr;
    gap: 3.93rem 5.12rem;
    margin: 0 auto 14rem;
  }
}

.member-benefits {
  width: 100%;
  margin: 0 0 3rem;
  padding: 0 30px;
}
@media screen and (min-width: 980px) {
  .member-benefits {
    margin: 0 0 6rem;
  }
}
.member-benefits > .content {
  margin: 0 auto;
  max-width: 914px;
  display: flex;
  flex-direction: column;
  gap: 4rem;
  align-items: center;
}
@media screen and (min-width: 980px) {
  .member-benefits > .content {
    gap: 6rem;
  }
}
.member-benefits > .content .h-copy .h-copy-heading {
  font-family: "Soleil", sans-serif;
  color: #1D2E3F;
  text-align: center;
  margin-bottom: 1.4rem;
}
@media screen and (min-width: 980px) {
  .member-benefits > .content .h-copy .h-copy-heading {
    font-weight: 800;
    font-size: 3.6rem;
    margin-bottom: 1rem;
  }
}
.member-benefits > .content .h-copy .h-copy-copy {
  font-family: "Soleil", sans-serif;
  color: #49535D;
  text-align: center;
}
@media screen and (min-width: 980px) {
  .member-benefits > .content .h-copy .h-copy-copy {
    font-size: 1.6rem;
  }
}
.member-benefits > .content .benefits {
  gap: 3.68rem;
  display: grid;
  grid-template-columns: 1fr 1fr;
  max-width: clamp(100%, 70vw, 60%);
}
@media screen and (min-width: 980px) {
  .member-benefits > .content .benefits {
    max-width: unset;
    display: flex;
    justify-content: center;
    gap: 10rem;
  }
}
@media screen and (max-width: 390px) {
  .member-benefits > .content .benefits {
    grid-template-columns: 1fr;
  }
}
.member-benefits > .content .benefits .benefits-col {
  display: flex;
  gap: 2rem;
  height: 100%;
  flex-direction: column;
}
@media screen and (min-width: 980px) {
  .member-benefits > .content .benefits .benefits-col {
    flex-direction: row;
    gap: 2.9rem;
  }
}
.member-benefits > .content .benefits .benefits-col .img-sec {
  width: 100%;
  border-bottom: 1px solid #00A651;
  padding: 0 0 2.1rem 0;
}
@media screen and (min-width: 980px) {
  .member-benefits > .content .benefits .benefits-col .img-sec {
    border-right: 2px solid #00A651;
    border-bottom: none;
    padding: 0 2.1rem 0 0;
    width: 91px;
  }
}
.member-benefits > .content .benefits .benefits-col .img-sec img {
  max-height: 50px;
  max-width: 50px;
  width: 100%;
  height: auto;
}
@media screen and (min-width: 980px) {
  .member-benefits > .content .benefits .benefits-col .img-sec img {
    max-height: 75px;
    max-width: 75px;
  }
}
.member-benefits > .content .benefits .benefits-col ul {
  padding-inline-start: 0;
  list-style-type: none;
}
.member-benefits > .content .benefits .benefits-col ul li {
  font-family: "Soleil", sans-serif;
  color: #49535D;
  margin-bottom: 2.7rem;
  list-style-image: none;
  font-size: 1.6rem;
}
.member-benefits > .content .benefits .benefits-col ul li:last-of-type {
  margin-bottom: 0;
}
@media screen and (min-width: 980px) {
  .member-benefits > .content .benefits .benefits-col ul li {
    font-size: 1.8rem;
  }
}
.member-benefits > .content .benefits .benefits-col ul li a {
  font-family: "Soleil", sans-serif;
  color: #49535D;
}
.member-benefits > .content .actions {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  flex-direction: column;
}
@media screen and (min-width: 980px) {
  .member-benefits > .content .actions {
    flex-direction: row;
  }
}

.multi-product-link-block {
  width: 100%;
  padding: 0 30px;
  margin: 5rem 0;
}
@media screen and (min-width: 980px) {
  .multi-product-link-block {
    margin: 7.4rem 0;
  }
}
.multi-product-link-block > .content {
  margin: 0 auto;
  max-width: 1454px;
}
.multi-product-link-block > .content .heading {
  font-weight: 800;
  color: #1D2E3F;
  text-align: center;
}
@media screen and (min-width: 980px) {
  .multi-product-link-block > .content .heading {
    font-size: 3rem;
    margin-bottom: 5.1rem;
  }
}
.multi-product-link-block > .content .product {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.5rem;
  justify-items: center;
}
@media screen and (max-width: 1250px) and (min-width: 899px) {
  .multi-product-link-block > .content .product {
    grid-template-columns: 1fr;
  }
  .multi-product-link-block > .content .product > *:first-child {
    order: 2;
  }
  .multi-product-link-block > .content .product > *:last-child {
    order: 1;
  }
}
@media screen and (min-width: 1250px) {
  .multi-product-link-block > .content .product {
    grid-template-columns: 1fr 1fr;
  }
}
.multi-product-link-block > .content .product .links-box {
  padding: 4.1rem 1rem 4.7rem;
  border-radius: 20px;
  border: 2px solid #00A651;
  display: grid;
  column-gap: 6.65rem;
  grid-template-columns: 1fr;
  max-width: 350;
  justify-items: center;
}
@media screen and (min-width: 980px) {
  .multi-product-link-block > .content .product .links-box {
    padding: 8.1rem 8.3rem 8.7rem;
    max-width: 728px;
    grid-template-columns: 1fr 1fr;
  }
}
.multi-product-link-block > .content .product .links-box .links {
  padding: 0 0 4.54rem;
  margin: 0 0 4.38rem;
  border-bottom: 1px solid #B4CACE;
}
@media screen and (max-width: 979px) {
  .multi-product-link-block > .content .product .links-box .links {
    max-width: 350px;
  }
}
.multi-product-link-block > .content .product .links-box .links:nth-of-type(3) {
  border-bottom: none;
}
.multi-product-link-block > .content .product .links-box .links:last-of-type {
  margin: 0;
  padding: 0;
  border: none;
}
.multi-product-link-block > .content .product .links-box .links .heading {
  font-family: "Soleil", sans-serif;
  font-weight: 700;
  font-size: 2.6rem;
  margin-bottom: 3.1rem;
}
.multi-product-link-block > .content .product .links-box .links ul {
  padding: 0 2rem;
  list-style: none;
  margin: 0;
}
.multi-product-link-block > .content .product .links-box .links ul li {
  list-style-image: none;
  margin-bottom: 2.9rem;
  white-space: nowrap;
}
.multi-product-link-block > .content .product .links-box .links ul li:last-of-type {
  margin: 0;
}
.multi-product-link-block > .content .product .links-box .links ul li a {
  text-align: end;
  justify-content: end;
}
.multi-product-link-block > .content .product .img-holder {
  aspect-ratio: 1;
  height: 100%;
  width: 100%;
  max-width: 728px;
}
@media screen and (max-width: 979px) {
  .multi-product-link-block > .content .product .img-holder {
    display: none;
  }
}
.multi-product-link-block > .content .product .img-holder img {
  border-radius: 20px;
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.rate-directory-block {
  width: 100%;
  margin: 0 0 3.15rem;
  padding: 0 5.5rem;
}
@media screen and (min-width: 980px) {
  .rate-directory-block {
    padding: 6.15rem 30px 0;
    margin: 0 0 6rem;
  }
}
.rate-directory-block > .content {
  margin: 0 auto;
  max-width: 1400px;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 980px) {
  .rate-directory-block > .content {
    flex-direction: row;
  }
}
.rate-directory-block > .content .sidebar {
  padding: 2.81rem 0;
  border-bottom: 3px solid #00A651;
  display: flex;
  justify-content: center;
}
@media screen and (min-width: 980px) {
  .rate-directory-block > .content .sidebar {
    margin-right: 3rem;
    border-right: 3px solid #00A651;
    border-bottom: none;
    justify-content: start;
    min-width: 155px;
    gap: 5.5rem;
  }
}
.rate-directory-block > .content .sidebar img {
  max-height: 72px;
  max-width: 89px;
  height: 100%;
}
.rate-directory-block > .content .rate-tiles-holder {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 980px) {
  .rate-directory-block > .content .rate-tiles-holder {
    row-gap: 9.95rem;
    flex-direction: row;
    flex-wrap: wrap;
  }
}
.rate-directory-block > .content .rate-tiles-holder .rate-tile {
  display: flex;
  align-items: start;
  flex-direction: column;
  padding: 4.1rem 3.5rem;
  border-bottom: 1px solid #00A651;
}
@media screen and (min-width: 980px) {
  .rate-directory-block > .content .rate-tiles-holder .rate-tile {
    border-right: 1px solid #00A651;
    border-bottom: none;
    width: 300px;
    padding: 2rem 5rem;
  }
}
@media screen and (min-width: 1448px) {
  .rate-directory-block > .content .rate-tiles-holder .rate-tile:nth-child(4n) {
    border-right: none;
  }
}
@media screen and (max-width: 1447px) and (min-width: 1146px) {
  .rate-directory-block > .content .rate-tiles-holder .rate-tile:nth-child(3n) {
    border-right: none;
  }
}
@media screen and (max-width: 1145px) and (min-width: 980px) {
  .rate-directory-block > .content .rate-tiles-holder .rate-tile:nth-child(even) {
    border-right: none;
  }
}
.rate-directory-block > .content .rate-tiles-holder .rate-tile .rate-heading {
  margin-bottom: 1.5rem;
  font-size: 2.2rem;
  font-weight: 800;
  color: #00803E;
}
.rate-directory-block > .content .rate-tiles-holder .rate-tile img {
  height: 100%;
  width: 100%;
  max-height: 31px;
  max-width: 36px;
  width: auto;
  margin-bottom: 1.5rem;
  filter: brightness(0) saturate(100%) invert(41%) sepia(83%) saturate(3281%) hue-rotate(129deg) brightness(95%) contrast(101%);
}
.rate-directory-block > .content .rate-tiles-holder .rate-tile:last-of-type {
  border: none;
}

.rate-table-block {
  width: 100%;
  padding: 4.85rem 30px 3.6rem;
}
.rate-table-block > .content {
  margin: 0 auto;
  max-width: 1082px;
  padding: 0 0 5.36rem 0;
}
.rate-table-block > .content .copy {
  margin-bottom: 4.25rem;
}
@media screen and (min-width: 980px) {
  .rate-table-block > .content .copy {
    margin-bottom: 5.23rem;
  }
}
.rate-table-block > .content .copy .heading {
  text-align: center;
  font-weight: 800;
  font-size: 2.2rem;
  margin-bottom: 0.8rem;
}
@media screen and (min-width: 980px) {
  .rate-table-block > .content .copy .heading {
    margin-bottom: 2.17rem;
    font-size: 3rem;
  }
}
.rate-table-block > .content .copy .effective-date {
  font-size: 1.6rem;
  margin-bottom: 1.2rem;
  text-align: center;
}
.rate-table-block > .content .rate-section {
  margin-bottom: 12rem;
}
.rate-table-block > .content .rate-section:last-of-type {
  margin: 0;
}
.rate-table-block > .content .rate-section .account-title {
  font-weight: 800;
  color: #00A651;
  text-decoration: underline;
  color: #00803E;
  text-align: center;
  font-size: 1.8rem;
  margin-bottom: 1.7rem;
}
@media screen and (min-width: 980px) {
  .rate-table-block > .content .rate-section .account-title {
    font-size: 2.2rem;
    margin-bottom: 4.1rem;
  }
}
.rate-table-block > .content .rate-section table {
  width: 100%;
  border: none;
  font-family: "Soleil", sans-serif;
  margin: 0 0 3.1rem;
  border: none;
}
@media screen and (max-width: 979px) {
  .rate-table-block > .content .rate-section table {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (max-width: 979px) {
  .rate-table-block > .content .rate-section table thead tr {
    display: grid;
    grid-auto-rows: 70px;
  }
}
.rate-table-block > .content .rate-section table thead tr th {
  text-align: left;
  color: #1D2E3F;
  font-size: 1.8rem;
  font-weight: 800;
  padding: 0 0 1.8rem;
}
@media screen and (max-width: 979px) {
  .rate-table-block > .content .rate-section table thead tr th {
    display: inline-block;
    align-self: center;
    padding: 0 1rem 0 1.7rem;
    margin: 0;
    border-left: 2px solid #00A651;
  }
}
@media screen and (max-width: 979px) {
  .rate-table-block > .content .rate-section table tbody tr {
    display: grid;
    grid-auto-rows: 70px;
  }
}
.rate-table-block > .content .rate-section table tbody tr td {
  color: #49535D;
  font-size: 1.8rem;
  background-color: #fff;
  border-left: 2px solid #00A651;
  padding: 2.3rem 0.7rem 2.1rem 3.1rem;
  min-height: 62px;
}
@media screen and (max-width: 979px) {
  .rate-table-block > .content .rate-section table tbody tr td {
    display: flex;
    align-items: center;
    padding: 0 1rem 0 1.7rem;
    margin: 0;
  }
}
.rate-table-block > .content .rate-section .disclosure {
  padding: 0 0 0 1.6rem;
  border-bottom: 1px solid #B4CACE;
  border-top: 1px solid #B4CACE;
  margin: 0 0 3.29rem;
}
.rate-table-block > .content .rate-section .disclosure > .js-accordion-button {
  color: #49535D;
  font-family: "Soleil", sans-serif;
  font-weight: 400;
  padding: 1.65rem 0 1.65rem 1.6rem;
  font-size: 1.6rem;
  position: relative;
}
.rate-table-block > .content .rate-section .disclosure > .js-accordion-button:hover {
  cursor: pointer;
}
.rate-table-block > .content .rate-section .disclosure > .js-accordion-button:after {
  content: "";
  position: absolute;
  top: 43%;
  transform: translateY(-50%);
  transform: rotateX(0deg);
  right: 34px;
  width: 16px;
  height: 11px;
  background-image: url("../htmlTemplates/images/ico-dropdown.svg");
  background-size: cover;
  background-repeat: no-repeat;
  transition: transform 0.2s ease;
}
.rate-table-block > .content .rate-section .disclosure > .js-accordion-button[aria-expanded=true]:after {
  transform: rotateX(180deg);
  transition: transform 0.2s ease;
}
.rate-table-block > .content .rate-section .disclosure .js-accordion-content {
  padding: 1.65rem 5.4rem 2.5rem 1.6rem;
}
.rate-table-block > .content .rate-section .disclosure .table-disclosures {
  font-size: 1.4rem;
  color: #49535D;
  font-family: "Soleil", sans-serif;
}
.rate-table-block > .content .rate-section .disclosure .table-disclosures p {
  margin: 0 0 1.4rem;
}
.rate-table-block > .content .rate-section .disclosure .table-disclosures p:last-of-type {
  margin-bottom: 0;
}
.rate-table-block > .content .rate-section .actions {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 1rem;
}

.rates-block {
  width: 100%;
  padding: 0 30px;
  margin-bottom: 3rem;
}
@media screen and (min-width: 980px) {
  .rates-block {
    margin-bottom: 6rem;
  }
}
.rates-block > .content {
  margin: 0 auto;
  max-width: 1425px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (min-width: 980px) {
  .rates-block > .content {
    flex-direction: row;
  }
}
@media screen and (max-width: 1350px) and (min-width: 980px) {
  .rates-block > .content {
    flex-direction: column;
    align-items: center;
  }
}
.rates-block > .content .sidebar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-right: none;
  text-align: center;
}
@media screen and (min-width: 980px) {
  .rates-block > .content .sidebar {
    max-width: 313px;
    border-right: 3px solid #00A651;
    padding: 0 3.85rem 0 0;
    text-align: start;
    min-height: 340px;
  }
}
@media screen and (max-width: 1350px) and (min-width: 980px) {
  .rates-block > .content .sidebar {
    border-right: none;
    max-width: 431px;
    padding: 0;
    text-align: center;
    min-height: unset;
  }
}
.rates-block > .content .sidebar .rates-sidebar-heading {
  font-family: "Soleil", sans-serif;
  font-weight: 800;
  color: #1D2E3F;
  font-size: 2.6rem;
  margin-bottom: 1.3rem;
}
@media screen and (min-width: 980px) {
  .rates-block > .content .sidebar .rates-sidebar-heading {
    font-size: 4rem;
    margin-bottom: 1.95rem;
  }
}
.rates-block > .content .sidebar .rates-sidebar-subheading {
  color: #49535D;
  font-size: 1.6rem;
  margin-bottom: 2.4rem;
}
@media screen and (min-width: 980px) {
  .rates-block > .content .sidebar .rates-sidebar-subheading {
    font-size: 1.8rem;
    margin: 0;
  }
}
.rates-block > .content .rates-card-holder {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-areas: "a a" "b c";
}
@media screen and (min-width: 980px) {
  .rates-block > .content .rates-card-holder {
    gap: 7.2rem;
    padding: 5rem 0 5rem 7.65rem;
    display: flex;
    justify-content: space-around;
  }
}
@media screen and (max-width: 1350px) and (min-width: 980px) {
  .rates-block > .content .rates-card-holder {
    padding-left: 0;
    justify-content: center;
  }
}
.rates-block > .content .rates-card-holder .rates-card {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.rates-block > .content .rates-card-holder .rates-card .rates-icon {
  height: 31px;
  width: 31px;
  margin-bottom: 1.58rem;
  filter: brightness(0) saturate(100%) invert(41%) sepia(83%) saturate(3281%) hue-rotate(129deg) brightness(95%) contrast(101%);
}
.rates-block > .content .rates-card-holder .rates-card .rate-heading {
  color: #00A651;
  font-family: "Soleil", sans-serif;
  font-size: 1.8rem;
  margin-bottom: 1.5rem;
}
@media screen and (min-width: 980px) {
  .rates-block > .content .rates-card-holder .rates-card .rate-heading {
    margin-bottom: 1rem;
    font-size: 2.2rem;
    font-weight: 800;
  }
}
.rates-block > .content .rates-card-holder .rates-card .rate-subheading {
  color: #00A651;
  font-size: 1.4rem;
  margin-bottom: 1.7rem;
}
@media screen and (min-width: 980px) {
  .rates-block > .content .rates-card-holder .rates-card .rate-subheading {
    margin-bottom: 1.4rem;
    font-size: 1.6rem;
  }
}
.rates-block > .content .rates-card-holder .rates-card .rate-rate {
  color: #1D2E3F;
  font-weight: 800;
  line-height: 50px;
  font-family: "Soleil", sans-serif;
  text-transform: uppercase;
  font-size: 2.6rem;
  margin-bottom: 3rem;
}
.rates-block > .content .rates-card-holder .rates-card .rate-rate sup {
  font-size: 50%;
  top: -0.65em;
  font-weight: 800;
}
@media screen and (max-width: 979px) {
  .rates-block > .content .rates-card-holder .rates-card .rate-rate sup {
    top: unset;
    font-size: 100%;
  }
}
@media screen and (min-width: 980px) {
  .rates-block > .content .rates-card-holder .rates-card .rate-rate {
    font-size: 5rem;
  }
}
@media screen and (max-width: 979px) {
  .rates-block > .content .rates-card-holder .rates-card.rate-1 {
    grid-area: a;
    margin-bottom: 3.82rem;
  }
  .rates-block > .content .rates-card-holder .rates-card.rate-1 .rate-heading {
    font-size: 2.2rem;
    font-weight: 800;
  }
  .rates-block > .content .rates-card-holder .rates-card.rate-1 .rate-rate {
    font-size: 5rem;
  }
  .rates-block > .content .rates-card-holder .rates-card.rate-1 sup {
    font-size: 50%;
    top: -0.65em;
    font-weight: 800;
  }
  .rates-block > .content .rates-card-holder .rates-card.rate-2 {
    grid-area: b;
    border: 1px solid #00A651;
    border-left: none;
    padding-right: 0.95rem;
    padding: 3rem 0.95rem 3rem 0;
  }
  .rates-block > .content .rates-card-holder .rates-card.rate-3 {
    grid-area: c;
    border: 1px solid #00A651;
    border-right: none;
    padding: 3rem 0 3rem 0.95rem;
  }
}
.staff-gallery-block {
  width: 100%;
  padding: 7rem 30px 5.1rem;
  background-color: #f3f3f3;
}
@media screen and (min-width: 980px) {
  .staff-gallery-block {
    padding: 10.6rem 30px 18.6rem;
  }
}
.staff-gallery-block > .content {
  margin: 0 auto;
  max-width: 1400px;
}
.staff-gallery-block > .content .staff-heading,
.staff-gallery-block > .content .staff-description {
  text-align: center;
  width: 100%;
}
.staff-gallery-block > .content .staff-heading {
  font-size: 3.2rem;
  font-weight: 800;
  color: #1D2E3F;
}
.staff-gallery-block > .content .staff-holder {
  display: flex;
  flex-wrap: wrap;
  column-gap: 1.6rem;
  row-gap: 4.5rem;
  --group-gap: 7.6rem;
}
@media screen and (max-width: 979px) {
  .staff-gallery-block > .content .staff-holder {
    column-gap: 0.8rem;
    row-gap: 1.8rem;
  }
}
@media screen and (max-width: 390px) {
  .staff-gallery-block > .content .staff-holder {
    justify-content: center;
    row-gap: 0;
  }
}
.staff-gallery-block > .content .staff-holder .staff-tile {
  width: 280px;
  height: 459px;
  padding: 7.6rem 0 0 0;
  position: relative;
  /* ❗ NEW: apply extra space to the LAST tile of a category */
}
@media screen and (max-width: 979px) {
  .staff-gallery-block > .content .staff-holder .staff-tile {
    width: 168px;
    height: 100%;
  }
}
@media screen and (max-width: 979px) {
  .staff-gallery-block > .content .staff-holder .staff-tile.span-2-mobile {
    min-width: 168px;
    max-width: 168px;
    width: 100%;
  }
}
@media screen and (max-width: 390px) {
  .staff-gallery-block > .content .staff-holder .staff-tile.span-2-mobile {
    margin-right: 0;
  }
}
.staff-gallery-block > .content .staff-holder .staff-tile .group-title {
  position: absolute;
  left: 1.8rem;
  top: 0.25rem;
  color: #49535D;
  text-wrap: nowrap;
}
.staff-gallery-block > .content .staff-holder .staff-tile .group-title:not(:first-of-type) {
  display: none;
}
.staff-gallery-block > .content .staff-holder .staff-tile .image {
  height: 300px;
  width: 100%;
  margin: 0 0 2rem 0;
  position: relative;
  display: block;
}
@media screen and (max-width: 979px) {
  .staff-gallery-block > .content .staff-holder .staff-tile .image {
    height: 177px;
  }
}
.staff-gallery-block > .content .staff-holder .staff-tile .image img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.staff-gallery-block > .content .staff-holder .staff-tile .image:before {
  content: "";
  display: block;
  position: absolute;
  top: -28px;
  left: 0;
  height: 8px;
  width: calc(100% + 16px);
  background-color: #00A651;
}
.staff-gallery-block > .content .staff-holder .staff-tile .staff-info {
  color: #49535D;
  margin: 0 0 0 1rem;
}
.staff-gallery-block > .content .staff-holder .staff-tile .staff-info .name {
  font-size: 1.8rem;
  margin-bottom: 1rem;
  font-weight: 800;
}
.staff-gallery-block > .content .staff-holder .staff-tile .staff-info .title {
  font-size: 1.8rem;
  margin-bottom: 1.5rem;
}
.staff-gallery-block > .content .staff-holder .staff-tile.category-end {
  margin-inline-end: var(--group-gap);
  /* scale the category gap for small screens */
  /* if you also want extra vertical space before the next row on tiny screens,
     uncomment the next line: */
}
@media screen and (max-width: 979px) {
  .staff-gallery-block > .content .staff-holder .staff-tile.category-end {
    margin-inline-end: 4rem;
  }
}
.staff-gallery-block > .content .staff-holder .staff-tile.last .image:before {
  width: calc(100% + 8px);
}

/* Show titles by default */
.group-title {
  display: block;
}

/* Hide duplicates per group (unchanged) */
.staff-tile.main-office ~ .staff-tile.main-office .group-title {
  display: none;
}

.staff-tile.operations ~ .staff-tile.operations .group-title {
  display: none;
}

.staff-tile.branch-managers ~ .staff-tile.branch-managers .group-title {
  display: none;
}

.staff-tile.mortgage-loan ~ .staff-tile.mortgage-loan .group-title {
  display: none;
}

.directory-jump-menu {
  position: relative;
}

.block-testimonials {
  width: 100%;
  margin-bottom: 8rem;
}
.block-testimonials > .content {
  margin: 0 auto;
  max-width: var(--max-wrap);
}
@media screen and (min-width: 980px) {
  .block-testimonials > .content .splide__track {
    margin: 0 10rem;
  }
}
.block-testimonials > .content .splide__track .splide__slide {
  list-style: none;
}
.block-testimonials > .content .tm-heading {
  margin: 0 auto 2.5rem;
  font-family: "Soleil", sans-serif;
  font-weight: 800;
  font-size: 2.6rem;
  text-align: center;
}
@media screen and (min-width: 980px) {
  .block-testimonials > .content .tm-heading {
    font-size: 3.6rem;
    font-weight: 700;
    margin-bottom: 4.4rem;
  }
}
.block-testimonials > .content .tm-card {
  display: flex;
  width: 100%;
  margin: 0 auto;
  background-color: #f3f3f3;
  flex-direction: column-reverse;
  gap: 3.68rem;
  padding: 0 4.72rem 4rem;
  max-width: 550px;
}
@media screen and (min-width: 980px) {
  .block-testimonials > .content .tm-card {
    padding: 0 5.9rem 5.6rem;
    gap: 5.67rem;
    flex-direction: row-reverse;
    max-width: 1156px;
  }
}
.block-testimonials > .content .tm-card .tm-copy {
  max-width: 406px;
  align-self: center;
}
.block-testimonials > .content .tm-card .tm-copy .tm-quote {
  font-family: "Soleil", sans-serif;
  font-size: 1.8rem;
}
@media screen and (min-width: 980px) {
  .block-testimonials > .content .tm-card .tm-copy .tm-quote {
    font-size: 2.2rem;
    margin: 0 0 1.8rem;
  }
}
.block-testimonials > .content .tm-card .tm-copy .tm-author {
  font-family: "Soleil", sans-serif;
}
@media screen and (min-width: 980px) {
  .block-testimonials > .content .tm-card .tm-copy .tm-author {
    font-size: 1.8rem;
    font-weight: 700;
  }
}
.block-testimonials > .content .tm-card .tm-img {
  position: relative;
  align-self: center;
  height: 356px;
}
@media screen and (min-width: 980px) {
  .block-testimonials > .content .tm-card .tm-img {
    align-self: start;
    height: 559px;
    width: auto;
    aspect-ratio: 575/559;
  }
}
.block-testimonials > .content .tm-card .tm-img img, .block-testimonials > .content .tm-card .tm-img svg {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.block-testimonials > .content .tm-card .tm-img:before {
  content: "";
  position: absolute;
  background-image: url("../htmlTemplates/images/ico-quotes.svg");
  background-size: contain;
  background-position: center;
  top: 2.31rem;
  right: 1.39rem;
  height: 3.8rem;
  width: 5.7rem;
}
@media screen and (min-width: 980px) {
  .block-testimonials > .content .tm-card .tm-img:before {
    top: 4.01rem;
    right: 3.76rem;
    height: 4.88rem;
    width: 7.28rem;
  }
}
.block-testimonials > .content .tm-card .tm-img:after {
  content: "";
  position: absolute;
  min-height: 100%;
  height: auto;
  width: calc(100% + 4px);
  background-image: url(./../images/shape-testimonial_curve.svg);
  background-size: contain;
  background-position: bottom center;
  background-repeat: no-repeat;
  bottom: 0;
  left: -2px;
}
.block-testimonials .splide__arrows {
  position: absolute;
  left: 0;
  z-index: 3;
  top: 13%;
  width: 100%;
}
@media screen and (min-width: 980px) {
  .block-testimonials .splide__arrows {
    bottom: 50%;
    left: 50%;
    transform: translate(-50%, 50%);
    max-width: 1558px;
    margin: 0 auto;
  }
}
.block-testimonials .splide__arrows .splide__arrow--prev {
  position: absolute;
  left: -16px;
  background-color: #00A651;
  width: 56px;
  height: 110px;
  border-radius: 20px;
  padding-right: 1.9rem;
  display: flex;
  align-items: center;
  justify-content: end;
}
@media screen and (min-width: 980px) {
  .block-testimonials .splide__arrows .splide__arrow--prev {
    padding: 0;
    left: 0;
    border-radius: 30px;
    height: 198px;
    width: 101px;
    justify-content: center;
  }
}
@media screen and (min-width: 980px) {
  .block-testimonials .splide__arrows .splide__arrow--prev img {
    width: 1.75rem;
    height: 3.4rem;
  }
}
.block-testimonials .splide__arrows .splide__arrow--next {
  transform: rotateY(180deg);
  position: absolute;
  right: -16px;
  background-color: #00A651;
  display: flex;
  align-items: center;
  border-radius: 30px;
  width: 56px;
  height: 110px;
  border-radius: 20px;
  padding-right: 1.9rem;
  justify-content: end;
}
@media screen and (min-width: 980px) {
  .block-testimonials .splide__arrows .splide__arrow--next {
    justify-content: center;
    padding: 0;
    right: 0;
    height: 198px;
    width: 101px;
    border-radius: 30px;
  }
}
@media screen and (min-width: 980px) {
  .block-testimonials .splide__arrows .splide__arrow--next img {
    width: 1.75rem;
    height: 3.4rem;
  }
}
.block-testimonials .custom_controls {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1.5rem;
  max-width: 550px;
  margin: 0 auto;
  background-color: #f3f3f3;
  padding: 0 0 4.1rem 0;
}
@media screen and (min-width: 980px) {
  .block-testimonials .custom_controls {
    margin-top: 5.1rem;
    max-width: 100%;
    background-color: transparent;
  }
}
.block-testimonials .custom_controls .splide__pagination {
  margin: 0;
  gap: 1.5rem;
}
@media screen and (min-width: 980px) {
  .block-testimonials .custom_controls .splide__pagination {
    padding: 0;
  }
}
.block-testimonials .custom_controls .splide__pagination .splide__pagination__page {
  background-color: #00A651;
  height: 10px;
  width: 10px;
  border-radius: 50%;
  transition: width 0.1s ease;
}
.block-testimonials .custom_controls .splide__pagination .splide__pagination__page.is-active {
  background-color: #1D2E3F;
  border-radius: 5px;
  width: 36px;
  transition: width 0.1s ease;
}
.block-testimonials .custom_controls .pagination-arrow {
  background-image: url("../images/ico-link-arrow-gray.svg");
  height: 32px;
  width: 32px;
  background-size: cover;
  background-repeat: no-repeat;
}
.block-testimonials .custom_controls .pagination-arrow.pagination-prev {
  transform: scaleX(-1);
}

.text-block {
  width: 100%;
  padding: 0 30px;
}
.text-block > .content {
  margin: 0 auto;
  width: 100%;
  max-width: 1100px;
  padding-bottom: 0;
}
.text-block > .content .copy {
  font-family: "Soleil", sans-serif;
  padding: 0 0 4.1rem;
  color: #49535D;
}
.text-block > .content .copy .heading {
  color: #1D2E3F;
  font-weight: 800;
  font-size: 3rem !important;
  margin-bottom: 2rem;
}
.text-block > .content .copy p {
  font-size: 1.8rem;
  margin-bottom: 1.5rem;
}
.text-block > .content .copy p:last-of-type {
  margin-bottom: 3.5rem;
}
.text-block > .content .copy ul {
  columns: 1;
  column-gap: 3.5rem;
  padding: 0 0 0 4rem;
  margin: 0;
}
.text-block > .content .copy ul li {
  margin: 0 0 2.3rem;
}
.text-block > .content .actions {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
@media screen and (max-width: 979px) {
  .text-block > .content .actions {
    justify-content: center;
  }
}

.ticker-block {
  width: 100%;
  background-color: #00A651;
  padding: 0 30px;
  margin-bottom: 3rem;
}
@media screen and (min-width: 980px) {
  .ticker-block {
    margin-bottom: 6rem;
  }
}
.ticker-block > .content {
  margin: 0 auto;
  max-width: 1425px;
  display: flex;
  justify-content: space-between;
  position: relative;
  flex-direction: column-reverse;
  padding: 15.1rem 0 0;
}
@media screen and (min-width: 980px) {
  .ticker-block > .content {
    flex-direction: row;
    padding: 13.1rem 0 0;
  }
}
@media screen and (max-width: 1350px) and (min-width: 980px) {
  .ticker-block > .content {
    flex-direction: column-reverse;
    align-items: center;
  }
}
.ticker-block > .content .ticker-holder {
  position: absolute;
  top: 0;
  left: 30px;
  background-color: #1D2E3F;
  width: 241px;
  min-height: 241px;
  display: flex;
  align-items: center;
  flex-direction: column;
  padding: 1.63rem 3rem 0;
  z-index: 5;
  position: absolute;
}
.ticker-block > .content .ticker-holder:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 78px;
  background-image: url("../htmlTemplates/images/shape-ticker_bottom.svg");
  background-size: cover;
  background-size: contain;
  background-repeat: no-repeat;
  bottom: -77px;
  left: 0;
}
@media screen and (min-width: 980px) {
  .ticker-block > .content .ticker-holder {
    width: 450px;
    min-height: 362px;
    padding: 7.19rem 5.15rem 0;
    right: 376px;
    left: unset;
  }
}
@media screen and (max-width: 1350px) and (min-width: 980px) {
  .ticker-block > .content .ticker-holder {
    left: 12%;
  }
}
.ticker-block > .content .ticker-holder .ticker-ico {
  aspect-ratio: 92/92;
  max-height: 92px;
  height: 100%;
  width: auto;
  margin-bottom: 1rem;
}
.ticker-block > .content .ticker-holder .ticker-heading {
  font-family: "Soleil", sans-serif;
  font-weight: 800;
  color: #fff;
  font-size: 7rem;
  margin-bottom: 1.2rem;
}
@media screen and (min-width: 980px) {
  .ticker-block > .content .ticker-holder .ticker-heading {
    font-size: 9rem;
  }
}
.ticker-block > .content .ticker-holder .ticker-caption {
  font-family: "Soleil", sans-serif;
  font-weight: 800;
  color: #fff;
  font-size: 1.6rem;
  position: relative;
}
@media screen and (min-width: 980px) {
  .ticker-block > .content .ticker-holder .ticker-caption {
    font-size: 2.6rem;
  }
}
.ticker-block > .content .copy {
  padding: 0 5rem 5.3rem;
}
@media screen and (min-width: 980px) {
  .ticker-block > .content .copy {
    max-width: 455px;
    padding: 5.2rem 0 0 0;
  }
}
@media screen and (max-width: 1350px) and (min-width: 980px) {
  .ticker-block > .content .copy {
    max-width: 62%;
    padding-bottom: 6.2rem;
  }
}
.ticker-block > .content .copy .heading {
  font-family: "Soleil", sans-serif;
  font-weight: 800;
  color: #fff;
  font-size: 2.6rem;
}
@media screen and (min-width: 980px) {
  .ticker-block > .content .copy .heading {
    font-size: 3.6rem;
    margin-bottom: 1.2rem;
  }
}
.ticker-block > .content .copy p {
  font-family: "Soleil", sans-serif;
  color: #fff;
  font-size: 1.6rem;
  margin-bottom: 1.2rem;
}
.ticker-block > .content .copy p:last-of-type {
  margin-bottom: 0;
}
@media screen and (min-width: 980px) {
  .ticker-block > .content .copy p {
    font-size: 1.8rem;
  }
}
.ticker-block > .content .image {
  aspect-ratio: 450/437;
  height: 100%;
  width: auto;
  margin: 0 -30px 3.17rem;
  max-height: 450px;
  position: relative;
  z-index: 3;
}
.ticker-block > .content .image:before {
  content: "";
  position: absolute;
  background-image: url(../htmlTemplates/images/wave_green.svg);
  background-repeat: repeat-x;
  top: 0;
  height: 209px;
  top: -109px;
  width: 100%;
  z-index: -2;
}
@media screen and (min-width: 980px) {
  .ticker-block > .content .image:before {
    bottom: 0;
    top: unset;
    width: 100vw;
    height: 137px;
    right: 100%;
  }
}
.ticker-block > .content .image:after {
  content: "";
  position: absolute;
  top: -2px;
  left: -2px;
  background-image: url(./../images/curve-green-community.svg);
  background-size: contain;
  height: 100%;
  width: calc(100% + 4px);
  background-repeat: no-repeat;
}
@media screen and (min-width: 980px) {
  .ticker-block > .content .image {
    max-width: 450px;
    margin: 0;
  }
}
@media screen and (max-width: 1350px) and (min-width: 980px) {
  .ticker-block > .content .image {
    left: 12%;
  }
}
.ticker-block > .content .image img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.z-formation-holder {
  width: 100%;
  padding: 0 30px;
  margin: 0 0 6rem;
}
@media screen and (min-width: 980px) {
  .z-formation-holder {
    margin: 0 0 9rem;
  }
}
.z-formation-holder .z-formation-heading {
  text-align: center;
  color: #1D2E3F;
  width: 62%;
  margin: 0 auto;
  margin: 0 auto 3rem;
}
@media screen and (min-width: 980px) {
  .z-formation-holder .z-formation-heading {
    width: 80%;
    font-size: 3.6rem;
    margin: 0 auto 4.4rem;
  }
}
.z-formation-holder .block-z-formation {
  width: 100%;
  margin-bottom: 2rem;
  position: static;
}
.z-formation-holder .block-z-formation:nth-of-type(even) svg {
  transform: scaleX(-1);
}
.z-formation-holder .block-z-formation:nth-of-type(even) .icon-holder {
  left: 47px;
  right: unset;
  z-index: 3;
}
.z-formation-holder .block-z-formation:nth-of-type(odd) .icon-holder {
  left: unset;
  right: 47px;
}
@media screen and (min-width: 980px) {
  .z-formation-holder .block-z-formation {
    margin-bottom: 2rem;
  }
  .z-formation-holder .block-z-formation:nth-of-type(odd) > .content {
    flex-direction: row-reverse;
    justify-content: space-between;
  }
  .z-formation-holder .block-z-formation:nth-of-type(odd) .icon-holder {
    left: unset;
    right: 47px;
  }
  .z-formation-holder .block-z-formation:nth-of-type(odd) .img-holder {
    transform: none;
  }
}
.z-formation-holder .block-z-formation > .content {
  margin: 0 auto;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  max-width: 425px;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 980px) {
  .z-formation-holder .block-z-formation > .content {
    max-width: 1100px;
    flex-direction: row;
  }
}
.z-formation-holder .block-z-formation > .content .img-holder {
  width: 100%;
  position: relative;
}
@media screen and (min-width: 980px) {
  .z-formation-holder .block-z-formation > .content .img-holder {
    max-width: 31%;
  }
}
.z-formation-holder .block-z-formation > .content .img-holder svg {
  height: 100%;
  width: 100%;
}
.z-formation-holder .block-z-formation > .content .img-holder .icon-holder {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 66px;
  height: 66px;
  position: absolute;
  bottom: 47px;
}
.z-formation-holder .block-z-formation > .content .img-holder .icon-holder img {
  height: auto;
  width: 100%;
  filter: brightness(0) saturate(100%) invert(100%) sepia(53%) saturate(975%) hue-rotate(282deg) brightness(110%) contrast(111%);
}
.z-formation-holder .block-z-formation > .content .copy {
  font-family: "Soleil", sans-serif;
  color: #1D2E3F;
  padding: 4.9rem 3.55rem 6.6rem;
}
@media screen and (min-width: 980px) {
  .z-formation-holder .block-z-formation > .content .copy {
    padding: 7.8rem 4.7rem 8.6rem 6.7rem;
  }
}
.z-formation-holder .block-z-formation > .content .copy .z-copy-heading {
  font-size: 2rem;
  font-weight: 600;
  margin: 0 0 1.5rem;
}
@media screen and (min-width: 980px) {
  .z-formation-holder .block-z-formation > .content .copy .z-copy-heading {
    font-size: 3rem;
  }
}
.z-formation-holder .block-z-formation > .content .copy .z-copy-copy {
  font-size: 1.6rem;
  font-weight: 400;
}
.z-formation-holder .block-z-formation > .content .copy .z-copy-copy:last-of-type {
  margin: 0 0 2.5rem;
}
@media screen and (min-width: 980px) {
  .z-formation-holder .block-z-formation > .content .copy .z-copy-copy {
    font-size: 1.8rem;
  }
  .z-formation-holder .block-z-formation > .content .copy .z-copy-copy:last-of-type {
    margin: 0 0 3.14rem;
  }
}
.z-formation-holder .block-z-formation > .content .actions {
  display: flex;
  gap: 2rem;
  flex-wrap: wrap;
}

.history {
  width: 100%;
  padding: 0 30px;
  margin: 0 0 6rem;
}
@media screen and (min-width: 980px) {
  .history {
    margin: 0 0 9rem;
  }
}
.history > .content {
  margin: 0 auto;
  max-width: 1200px;
}
.history > .content .history-header {
  font-family: "Soleil", sans-serif;
  font-size: 2.2rem;
  font-weight: 700;
  color: #1D2E3F;
  text-align: center;
  margin-bottom: 4.59rem;
}
@media screen and (min-width: 980px) {
  .history > .content .history-header {
    font-size: 3rem;
    margin-bottom: 6.29rem;
  }
}
.history > .content .history-entry {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (min-width: 980px) {
  .history > .content .history-entry {
    display: grid;
    grid-template-columns: 100px 1fr;
    gap: 6.2rem;
  }
}
@media screen and (min-width: 980px) {
  .history > .content .history-entry:first-of-type .copy:after {
    content: "";
    position: absolute;
    left: -9.5px;
    top: 0;
    width: 20px;
    height: 50%;
    background: white;
  }
  .history > .content .history-entry:last-of-type .copy:after {
    content: "";
    position: absolute;
    left: -9.5px;
    bottom: 0;
    width: 20px;
    height: 50%;
    background: white;
  }
}
@media screen and (max-width: 979px) {
  .history > .content .history-entry:last-of-type .copy {
    padding: 0 0 1.5rem 0;
  }
  .history > .content .history-entry:last-of-type .copy:after, .history > .content .history-entry:last-of-type .copy:before {
    display: none;
  }
}
.history > .content .history-entry .ico-holder {
  height: 100%;
  width: 100%;
  max-height: 100px;
  max-width: 100px;
  margin-bottom: 2.05rem;
}
@media screen and (min-width: 980px) {
  .history > .content .history-entry .ico-holder {
    margin: 0;
  }
}
.history > .content .history-entry .ico-holder img {
  height: 100%;
  width: 100%;
  object-fit: contain;
}
.history > .content .history-entry .copy {
  color: #49535D;
  font-size: 1.8rem;
  font-weight: 400;
  position: relative;
  margin-bottom: 1px;
  padding: 0 1rem 12rem;
  max-width: 550px;
}
@media screen and (min-width: 980px) {
  .history > .content .history-entry .copy {
    max-width: unset;
    padding: 3.5rem 0 3.5rem 7.2rem;
    border-left: 2.5px dotted #00A651;
  }
}
.history > .content .history-entry .copy:before {
  content: "";
  position: absolute;
  background-image: url("./../images/timeline-ellipse.svg");
  background-size: contain;
  background-repeat: no-repeat;
  height: 29px;
  width: 29px;
  z-index: 3;
  top: unset;
  bottom: 5.4rem;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (min-width: 980px) {
  .history > .content .history-entry .copy:before {
    transform: translateY(-50%);
    left: -15px;
    top: 50%;
  }
}
@media screen and (max-width: 979px) {
  .history > .content .history-entry .copy:after {
    content: "";
    position: absolute;
    height: 78px;
    width: 1px;
    z-index: 1;
    border-left: 2.5px dotted #00A651;
    top: unset;
    bottom: 3rem;
    left: 50%;
    transform: translateX(-50%);
  }
}

.contact-us {
  width: 100%;
  margin: 0 0 6rem;
}
@media screen and (min-width: 980px) {
  .contact-us {
    margin: 0 0 9rem;
  }
}
.contact-us .content {
  max-width: 1400px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-areas: "a" "c" "b";
}
@media screen and (min-width: 980px) {
  .contact-us .content {
    grid-template-columns: 60% 40%;
    grid-template-areas: "a a" "b c";
  }
}
.contact-us .content .contact-info {
  grid-area: a;
  width: 100%;
  margin: 0;
}
@media screen and (min-width: 980px) {
  .contact-us .content .contact-info {
    margin: 0 0 9.7rem;
    padding: 0 0 9.35rem;
    border-bottom: 1px solid #B4CACE;
  }
}
.contact-us .content .contact-info .js-accordion-button {
  pointer-events: all;
  display: block;
  width: 100%;
  padding: 2.5rem;
  text-align: left;
  border-top: 1px solid #B4CACE;
  font-size: 1.6rem;
  font-weight: 800;
  color: #49535D;
  position: relative;
}
@media screen and (min-width: 980px) {
  .contact-us .content .contact-info .js-accordion-button {
    display: none;
    pointer-events: none;
  }
}
@media screen and (max-width: 979px) {
  .contact-us .content .contact-info .js-accordion-button:hover {
    cursor: pointer;
  }
  .contact-us .content .contact-info .js-accordion-button:after {
    content: "";
    position: absolute;
    top: 43%;
    transform: translateY(-50%);
    transform: rotateX(0deg);
    right: 34px;
    width: 16px;
    height: 11px;
    background-image: url("../htmlTemplates/images/ico-dropdown.svg");
    background-size: cover;
    background-repeat: no-repeat;
    transition: transform 0.2s ease;
  }
  .contact-us .content .contact-info .js-accordion-button[aria-expanded=true]:after {
    transform: rotateX(180deg);
    transition: transform 0.2s ease;
  }
}
.contact-us .content .contact-info > .content {
  margin: 0 auto;
  display: flex;
  justify-content: center;
  flex-direction: column;
  padding: 0 2.5rem 2.5rem;
}
.contact-us .content .contact-info > .content:last-of-type {
  margin-bottom: 0;
}
@media screen and (min-width: 980px) {
  .contact-us .content .contact-info > .content {
    max-width: 1242px;
    flex-direction: row;
    gap: 6rem;
    display: flex !important;
  }
}
.contact-us .content .contact-info > .content .col-1 {
  text-align: center;
  padding: 0;
  margin: 0 0 2.2rem;
  display: none;
}
.contact-us .content .contact-info > .content .col-1 img {
  height: 100%;
  width: 100%;
  max-width: 92px;
  width: 78px;
  filter: brightness(0) saturate(100%) invert(58%) sepia(91%) saturate(5235%) hue-rotate(129deg) brightness(94%) contrast(103%);
}
@media screen and (min-width: 980px) {
  .contact-us .content .contact-info > .content .col-1 {
    border-right: 2px solid #00A651;
    padding: 2rem 3.59rem 5rem 0;
    text-align: end;
    margin: 0;
    display: block;
  }
}
.contact-us .content .contact-info > .content .col-2 {
  margin: 0;
  width: 100%;
  display: grid;
  gap: 2rem;
  margin-bottom: 2rem;
}
@media screen and (min-width: 980px) {
  .contact-us .content .contact-info > .content .col-2 {
    border-bottom: none;
    justify-content: start;
    margin: 0;
  }
}
.contact-us .content .contact-info > .content .col-2 .heading {
  display: block;
  font-size: 2.4rem;
  font-weight: 800;
  margin: 0 0 1.97rem;
  color: #1D2E3F;
}
@media screen and (max-width: 979px) {
  .contact-us .content .contact-info > .content .col-2 .heading {
    display: none;
  }
}
.contact-us .content .contact-info > .content .col-2 .info p {
  margin: 0;
  color: #49535D;
}
.contact-us .content .contact-info > .content .col-2 .info a {
  color: #49535D;
}
.contact-us .content .contact-info > .content .col-3 {
  padding: 0;
  width: 100%;
  display: grid;
  gap: 2rem;
  grid-template-columns: 1fr;
  margin-bottom: 2rem;
}
@media screen and (min-width: 980px) {
  .contact-us .content .contact-info > .content .col-3 {
    margin: 0;
  }
}
.contact-us .content .contact-info > .content .col-3 p {
  color: #49535D;
  font-size: 1.6rem;
}
.contact-us .content .contact-info > .content .col-3 .email a {
  font-size: 1.6rem;
  color: copy-grap;
  font-weight: 800;
  text-decoration: underline;
}
.contact-us .content .contact-info > .content .col-3 a {
  font-size: 1.6rem;
  color: #49535D;
  font-weight: 800;
}
.contact-us .content .contact-info > .content .col-3 .tel {
  text-decoration: none;
}
.contact-us .content .contact-info > .content .col-3 p {
  margin-bottom: 1rem;
}
.contact-us .content .contact-info > .content .col-4 {
  padding: 0;
  width: 100%;
  display: grid;
  gap: 2rem;
}
.contact-us .content .contact-info > .content .col-4 p {
  color: #49535D;
  font-size: 1.6rem;
}
.contact-us .content .contact-info > .content .col-4 .email a {
  font-size: 1.6rem;
  color: copy-grap;
  font-weight: 800;
  text-decoration: underline;
}
.contact-us .content .contact-info > .content .col-4 a {
  font-size: 1.6rem;
  color: #49535D;
  font-weight: 800;
}
.contact-us .content .contact-info > .content .col-4 .tel {
  text-decoration: none;
}
.contact-us .content .contact-info > .content .col-4 p {
  margin-bottom: 1rem;
}
.contact-us .content .contact-form {
  width: 100%;
  grid-area: b;
  padding: 0 2rem;
}
.contact-us .content .contact-form .form-area-heading {
  font-weight: 800;
  color: #1D2E3F;
  font-size: 2.6rem;
}
@media screen and (min-width: 980px) {
  .contact-us .content .contact-form .form-area-heading {
    font-size: 3.6rem;
  }
}
.contact-us .content .contact-form .form-area-heading .fsform-container {
  max-width: 725px !important;
}
.contact-us .content .staff-info {
  width: 100%;
  grid-area: c;
  padding: 0;
  margin: 0 0 7.93rem;
}
@media screen and (min-width: 980px) {
  .contact-us .content .staff-info {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    padding: 0 0 0 8.1rem;
    border-left: 1px solid #00A651;
  }
}
.contact-us .content .staff-info .staff-info-header {
  font-family: "Soleil", sans-serif;
  font-weight: 800;
  text-align: left;
  font-size: 1.6rem;
  color: #49535D;
  margin: 0;
  padding: 2.5rem;
  border-top: 1px solid #B4CACE;
  border-bottom: 1px solid #B4CACE;
  width: 100%;
  position: relative;
}
@media screen and (min-width: 980px) {
  .contact-us .content .staff-info .staff-info-header {
    color: #1D2E3F;
    font-size: 2.8rem;
    pointer-events: none;
    font-size: 3.6rem;
    margin: 0;
    padding: 0;
    border: none;
  }
  .contact-us .content .staff-info .staff-info-header:hover {
    cursor: none;
  }
}
@media screen and (max-width: 979px) {
  .contact-us .content .staff-info .staff-info-header:hover {
    cursor: pointer;
  }
  .contact-us .content .staff-info .staff-info-header:after {
    content: "";
    position: absolute;
    top: 43%;
    transform: translateY(-50%);
    transform: rotateX(0deg);
    right: 34px;
    width: 16px;
    height: 11px;
    background-image: url("../htmlTemplates/images/ico-dropdown.svg");
    background-size: cover;
    background-repeat: no-repeat;
    transition: transform 0.2s ease;
  }
  .contact-us .content .staff-info .staff-info-header[aria-expanded=true] {
    border-bottom: none;
  }
  .contact-us .content .staff-info .staff-info-header[aria-expanded=true]:after {
    transform: rotateX(180deg);
    transition: transform 0.2s ease;
  }
}
.contact-us .content .staff-info .js-accordion-content {
  padding: 0 2.5rem 2.5rem;
  display: flex;
  flex-direction: column;
  gap: 2rem;
  border-bottom: 1px solid #B4CACE;
}
@media screen and (min-width: 980px) {
  .contact-us .content .staff-info .js-accordion-content {
    display: flex !important;
    padding: 3.2rem 0 0 0;
    border-bottom: none;
  }
}
.contact-us .content .staff-info .js-accordion-content .info-row .staff-name {
  margin-bottom: 0;
  font-weight: 800;
  color: #49535D;
  font-size: 1.6rem;
}
@media screen and (min-width: 980px) {
  .contact-us .content .staff-info .js-accordion-content .info-row .staff-name {
    font-size: 1.8rem;
  }
}
.contact-us .content .staff-info .js-accordion-content .info-row .staff-link {
  color: #49535D;
  font-weight: 400;
}
@media screen and (min-width: 980px) {
  .contact-us .content .staff-info .js-accordion-content .info-row .staff-link {
    font-size: 1.8rem;
  }
}

.privacy-policy {
  width: 100%;
  padding: 0 30px;
  margin: 3rem 0 6rem;
}
@media screen and (min-width: 980px) {
  .privacy-policy {
    margin: 6rem 0 9rem;
  }
}
.privacy-policy > .content {
  margin: 0 auto;
  width: 100%;
  max-width: 1100px;
  padding-bottom: 0;
}
.privacy-policy > .content .copy {
  font-family: "Soleil", sans-serif;
  padding: 0 0 4.1rem;
  color: #49535D;
}
.privacy-policy > .content .copy .heading {
  color: #1D2E3F;
  font-weight: 800;
  font-size: 3rem;
  margin-bottom: 2rem;
}
.privacy-policy > .content .copy p {
  font-size: 1.8rem;
  margin-bottom: 1.5rem;
}
.privacy-policy > .content .copy p:last-of-type {
  margin-bottom: 3.5rem;
}
.privacy-policy > .content .copy ul {
  columns: 1;
  column-gap: 3.5rem;
  padding: 0 0 0 4rem;
  margin: 0;
}
.privacy-policy > .content .copy ul li {
  margin: 0 0 2.3rem;
}
.privacy-policy > .content .copy table tr th {
  background-color: #1D2E3F;
  color: #ffffff;
  padding: 10px;
  text-align: left;
}
.privacy-policy > .content .copy table tr th > h2 {
  color: white;
  font-size: 2.4rem;
}
@media screen and (max-width: 979px) {
  .privacy-policy > .content .copy table tr th > h2 {
    font-size: 1.8rem;
  }
}
.privacy-policy > .content .copy table {
  margin-bottom: 3rem;
}
.privacy-policy > .content .copy table tr:first-child th {
  padding: 2rem 1.5rem;
}
.privacy-policy > .content .copy table tr:not(:first-child) th {
  font-size: 1.8rem;
}
@media screen and (max-width: 979px) {
  .privacy-policy > .content .copy table tr:not(:first-child) th {
    font-size: 1.2rem;
  }
}
.privacy-policy > .content .copy table tbody tr:nth-child(odd) {
  background-color: #ffffff;
}
.privacy-policy > .content .copy table tbody tr:nth-child(even) {
  background-color: #F3F3F3;
}
.privacy-policy > .content .copy table tbody td {
  padding: 1.5rem;
}
@media screen and (max-width: 979px) {
  .privacy-policy > .content .copy table tbody td {
    padding: 1rem;
  }
}
.privacy-policy > .content .copy table tbody td p, .privacy-policy > .content .copy table tbody td li, .privacy-policy > .content .copy table tbody td a {
  font-size: 1.8rem;
}
@media screen and (max-width: 979px) {
  .privacy-policy > .content .copy table tbody td p, .privacy-policy > .content .copy table tbody td li, .privacy-policy > .content .copy table tbody td a {
    font-size: 1.2rem;
  }
}

.block-disclosure {
  width: 100%;
  padding: 0 30px;
  margin: 0 0 3rem;
}
@media screen and (min-width: 980px) {
  .block-disclosure {
    margin: 0 0 6rem;
  }
}
.block-disclosure > .content {
  margin: 0 auto;
  max-width: 1000px;
  text-align: center;
  font-weight: 400;
  color: #49535D;
  line-height: 28px;
}
.block-disclosure > .content p {
  text-align: center;
  font-weight: 400;
  color: #49535D;
  font-size: 1.2rem;
  line-height: 18px;
}
@media screen and (min-width: 980px) {
  .block-disclosure > .content p {
    line-height: 28px;
    font-size: 1.4rem;
  }
}

.lp-banner {
  width: 100%;
  background-color: #1D2E3F;
  padding: 8rem 30px 9rem;
  margin: 0 0 4rem;
}
@media screen and (min-width: 980px) {
  .lp-banner {
    margin: 0 0 7rem;
  }
}
@media screen and (max-width: 979px) {
  .lp-banner {
    padding: 5.3rem 30px 4rem;
  }
}
.lp-banner > .content {
  margin: 0 auto;
  max-width: var(--max-wrap);
  display: flex;
  gap: 3rem;
  flex-direction: column;
}
@media screen and (max-width: 979px) {
  .lp-banner > .content {
    gap: 1.8rem;
  }
}
.lp-banner > .content .header {
  display: flex;
  gap: 3rem;
  justify-content: start;
  align-items: start;
}
@media screen and (min-width: 980px) {
  .lp-banner > .content .header {
    align-items: center;
    justify-content: center;
  }
}
.lp-banner > .content .header img {
  aspect-ratio: 1;
  height: 99px;
}
@media screen and (max-width: 979px) {
  .lp-banner > .content .header img {
    height: 53px;
  }
}
.lp-banner > .content .header h2 {
  font-size: 5rem;
  font-weight: 700;
  color: #fff;
  margin: 0;
}
@media screen and (max-width: 979px) {
  .lp-banner > .content .header h2 {
    font-size: 3rem;
  }
}
.lp-banner > .content .copy {
  margin: 0 auto;
  max-width: 800px;
  text-align: left;
}
@media screen and (min-width: 980px) {
  .lp-banner > .content .copy {
    text-align: center;
  }
}
.lp-banner > .content .copy p {
  font-size: 1.8rem;
  font-weight: 400;
  color: #fff;
}
.lp-banner > .content .copy p strong {
  color: #B4F5D7;
}
@media screen and (max-width: 979px) {
  .lp-banner > .content .copy p strong {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 979px) {
  .lp-banner > .content .copy p {
    font-size: 1.8rem;
    margin-bottom: 2.2rem;
  }
}

.lp-header {
  width: 100%;
  padding: 1.8rem 30px 0;
}
.lp-header > .content {
  margin: 0 auto;
  max-width: 1589px;
  height: 100%;
}
.lp-header > .content > .feature-holder {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  gap: 1.8rem;
}
@media screen and (min-width: 980px) {
  .lp-header > .content > .feature-holder {
    flex-direction: row;
    justify-content: center;
    gap: clamp(4.5rem, 7.5vw, 8.47rem);
  }
}
.lp-header > .content > .feature-holder .feature-image {
  max-width: 852px;
  width: 100%;
  height: 100%;
  padding: 0 0 4rem;
  position: relative;
}
.lp-header > .content > .feature-holder .feature-image:before {
  content: "";
  position: absolute;
  top: -3px;
  width: calc(100% + 4px);
  left: -2px;
  height: 100%;
  background-image: url("https://brotherhoodcu.org/assets/1757011535-shapelocation.svg");
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 3;
  filter: brightness(0) saturate(100%) invert(100%) sepia(93%) saturate(0%) hue-rotate(5deg) brightness(107%) contrast(101%);
}
@media screen and (min-width: 980px) {
  .lp-header > .content > .feature-holder .feature-image {
    padding: 0;
    height: 623px;
  }
  .lp-header > .content > .feature-holder .feature-image:after {
    height: 61px;
  }
}
.lp-header > .content > .feature-holder .feature-image img {
  object-fit: cover;
  height: 100%;
  width: 100%;
  display: block;
}
.lp-header > .content > .feature-holder .feature-image .green-before {
  position: absolute;
  height: 100%;
  width: 37px;
  background-color: #00A651;
  opacity: 0.5;
  top: 0;
}
@media screen and (min-width: 980px) {
  .lp-header > .content > .feature-holder .feature-image .green-before {
    width: 87px;
  }
}
.lp-header > .content > .feature-holder .feature-image .green-after {
  position: absolute;
  background-color: #B4F5D7;
  height: 40px;
  width: 37px;
  bottom: 0;
  z-index: 3;
}
@media screen and (min-width: 980px) {
  .lp-header > .content > .feature-holder .feature-image .green-after {
    bottom: -61px;
    width: 87px;
    height: 61px;
  }
}
.lp-header > .content > .feature-holder .feature-details {
  max-width: 500px;
  width: 100%;
  align-self: start;
  padding: 0 3.44rem 4.8rem;
}
@media screen and (min-width: 980px) {
  .lp-header > .content > .feature-holder .feature-details {
    align-self: center;
    padding: 5rem 0 0 0;
  }
}
.lp-header > .content > .feature-holder .feature-details .feature-name {
  color: #1D2E3F;
  font-family: "Soleil", sans-serif;
  font-weight: 800;
  font-size: 2.6rem;
  margin: 0 0 2.1rem;
  text-align: center;
}
@media screen and (min-width: 980px) {
  .lp-header > .content > .feature-holder .feature-details .feature-name {
    font-size: 4rem;
    margin: 0 0 4rem;
    line-height: 50px;
    text-align: left;
  }
}
.lp-header > .content > .feature-holder .feature-details .actions {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
}
@media screen and (max-width: 979px) {
  .lp-header > .content > .feature-holder .feature-details .actions {
    justify-content: center;
    flex-direction: column;
    align-items: center;
  }
}
.lp-header > .content > .feature-holder .feature-details:has(.branch-info-column) .actions {
  margin-bottom: 2.58rem;
}
@media screen and (min-width: 980px) {
  .lp-header > .content > .feature-holder .feature-details:has(.branch-info-column) .actions {
    margin-bottom: 4.79rem;
  }
}
.lp-header > .content > .feature-holder .feature-details .branch-info-column {
  display: flex;
  flex-wrap: wrap;
  gap: 3rem;
  flex-direction: column;
}
@media screen and (min-width: 980px) {
  .lp-header > .content > .feature-holder .feature-details .branch-info-column {
    gap: 8rem;
    flex-direction: row;
  }
}
.lp-header > .content > .feature-holder .feature-details .branch-info-column .branch-info-info {
  max-width: 212px;
}
.lp-header > .content > .feature-holder .feature-details .branch-info-column .branch-info-info .info-title {
  font-weight: 800;
  font-size: 1.8rem;
  color: #49535D;
  margin-bottom: 1.4rem;
  display: inline-block;
}
.lp-header > .content > .feature-holder .feature-details .branch-info-column .branch-info-info p {
  font-weight: 400;
  margin-bottom: 0.8rem;
  font-size: 1.8rem;
  color: #49535D;
}
.lp-header > .content > .feature-holder .feature-details .branch-info-column .branch-info-info p:last-of-type {
  margin-bottom: 0;
}
.lp-rate-feature {
  padding: 0 30px;
  width: 100%;
  margin: 0 0 4.5rem;
}
@media screen and (min-width: 980px) {
  .lp-rate-feature {
    margin: 0 0 8rem;
  }
}
.lp-rate-feature > .content {
  margin: 0 auto;
  max-width: 1260px;
  display: flex;
  justify-content: center;
  gap: 6.65rem;
}
@media screen and (max-width: 979px) {
  .lp-rate-feature > .content {
    flex-direction: column;
    gap: 4rem;
  }
}
.lp-rate-feature > .content .lp-rate-card {
  text-align: left;
}
@media screen and (max-width: 979px) {
  .lp-rate-feature > .content .lp-rate-card {
    text-align: center;
  }
}
.lp-rate-feature > .content .lp-rate-card:first-of-type {
  padding: 0 4.5rem 0 0;
  border-right: 2px solid #B4F5D7;
  position: relative;
}
@media screen and (max-width: 979px) {
  .lp-rate-feature > .content .lp-rate-card:first-of-type {
    padding: 0 0 4.8rem 0;
    border-right: none;
  }
  .lp-rate-feature > .content .lp-rate-card:first-of-type:after {
    content: "";
    position: absolute;
    width: 60%;
    height: 2px;
    background-color: #B4F5D7;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
  }
}
.lp-rate-feature > .content .lp-rate-card .rate-title {
  color: #1D2E3F;
  font-weight: 800;
}
@media screen and (min-width: 980px) {
  .lp-rate-feature > .content .lp-rate-card .rate-title {
    font-size: 3rem;
    margin: 0 0 1rem;
  }
}
.lp-rate-feature > .content .lp-rate-card .rate-subtitle {
  color: #49535D;
  font-size: 1.8rem;
  display: block;
  margin: 0 0 1rem;
}
@media screen and (min-width: 980px) {
  .lp-rate-feature > .content .lp-rate-card .rate-subtitle {
    margin: 0 0 3rem;
  }
}
.lp-rate-feature > .content .lp-rate-card .rate-rate {
  color: #1D2E3F;
  margin: 0 0 1rem;
  font-size: 9rem;
  line-height: 111px;
}
@media screen and (min-width: 980px) {
  .lp-rate-feature > .content .lp-rate-card .rate-rate {
    font-size: 14rem;
    line-height: 126px;
  }
}
.lp-rate-feature > .content .lp-rate-card .rate-rate sup {
  top: -4.6rem;
  font-size: 2.6rem;
}
@media screen and (min-width: 980px) {
  .lp-rate-feature > .content .lp-rate-card .rate-rate sup {
    font-size: 5rem;
    top: -6.7rem;
  }
}
.lp-rate-feature > .content .lp-rate-card .rate-term {
  color: #49535D;
}
/*# sourceMappingURL=main.min.css.map */