section:has(.directional) .container-fluid {
  padding: 0;
}

.directional .left,
.directional .right {
  padding-block: 10rem;
  position: relative;
  z-index: 1;
}
.directional .left-bg,
.directional .right-bg {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
}
.directional .left-bg:after,
.directional .right-bg:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #002e4f;
  background: linear-gradient(to bottom, #002e4f, #26a6bf);
  mix-blend-mode: multiply;
  opacity: 0.65;
  display: block;
}
@media (min-width: 576px) {
  .directional .left,
  .directional .right {
    position: static;
    padding-block: 0;
  }
  .directional .left-bg {
    left: 0;
    right: 50%;
  }
  .directional .right-bg {
    border-left: 4px solid rgba(79, 245, 199, 0.5);
    left: 50%;
    right: 0;
  }
}

.footer-nav .nav-link {
  --fhl-nav-link-color: #fff;
  --fhl-nav-link-hover-color: #4ff5c7;
  --fhl-nav-link-font-size: 14px;
  --fhl-nav-link-padding-y: 0;
}