/* FOOTER */
.footer {
  padding-top: 5rem;
  padding-bottom: 2rem;
  background-color: var(--clr-bg-dark);
}

.footer-logo svg {
  display: flex;
  height: 6rem;
  width: auto;
}

.footer-logo__title {
  display: flex;
  height: 2rem;
  width: auto;
}

.footer-menu__title {
  width: fit-content;
  font-size: var(--text-m);
  color: var(--clr-text-light);
  text-transform: uppercase;
  padding-bottom: 5px;
}

.footer-menu__title::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: var(--clr-bg-grey-l-2);
}

.footer-menu__links a {
  width: fit-content;
  font-size: var(--text-s) !important;
  color: var(--clr-text-light);
}

.footer-menu__links svg {
  fill: var(--clr-text-light);
}

.footer-separator span {
  border-block-start: 1px solid var(--clr-border-light-d-1) !important;
  width: 100%;
}

.footer-creator {
  text-align: right;
  font-size: var(--text-s);
  color: var(--clr-text-light-d-1);
}

.footer-copyright {
  font-size: var(--text-s);
  color: var(--clr-text-light-d-1);
}

@media (max-width: 767px) {
  .footer-creator {
    text-align: left;
  }
}