.footer {
  color: var(--white);
  background-color: var(--blue--900);
}
.footer::before {
  content: "";
  display: block;
  width: 100%;
  height: 10.6875rem;
  background: url(../../img/wave--footer.svg) center no-repeat;
  background-size: cover;
}
.footer_wrapper {
  max-width: 96rem;
  margin: 0 auto;
}
.footer a {
  color: var(--white);
}
.footer a:hover,
.footer a:active {
  color: var(--pink--500);
}
footer .brand-nav_logo {
    width: 183px;
}
.footer-navigation {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.5rem;
  padding: 2rem;
}
.footer_title {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.25;
}
.footer_list li + li {
  margin-top: 0.75rem;
}
.footer_list svg {
  font-size: 1.25rem;
}
.footer_icon {
  width: 1.25rem;
  height: 1.25rem;
  margin-right: 0.75rem;
}
.sub-footer {
  padding: 2rem;
  border-top: 1px solid var(--white);
}
.sub-footer_list li + li:before {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  margin-left: 0.75rem;
  margin-right: 0.75rem;
  background-color: var(--pink--300);
  flex-shrink: 0;
}