/* =================
footer 
=================*/
.footer {
  align-items: center;
  background: var(--colorNavy);
  display: flex;
  font-family: var(--familyNotoSans);
  height: 7.5rem;
  justify-content: space-between;
  padding-inline: 5.5rem 7.8rem;
}

.footer__nav {
  align-items: center;
  display: flex;
  gap: 2.5rem;
}

.footer__link {
  color: var(--colorWhite);
  font-size: 0.875rem;
  font-weight: 500;
  transition: 0.3s;
}

.footer__right {
  align-items: flex-end;
  display: flex;
  gap: 1.5rem;
}

.footer__copyright {
  color: var(--colorWhite);
  font-size: 0.75rem;
  font-weight: 500;
}

.footer__logo {
  bottom: -0.5rem;
  max-width: 11.5rem;
  position: relative;
  transition: 0.3s;
  width: 100%;
}

@media (hover: hover) {
  .footer__link:hover {
    opacity: 0.7;
  }

  .footer__logo:hover {
    opacity: 0.7;
  }
}

@media screen and (max-width: 1280px) {
  .footer {
    height: 9.38vw;
    padding-inline: 6.88vw 9.75vw;
  }

  .footer__nav {
    gap: 3.13vw;
  }

  .footer__link {
    font-size: 1.09vw;
  }

  .footer__right {
    gap: 1.88vw;
  }

  .footer__copyright {
    font-size: 0.94vw;
  }

  .footer__logo {
    bottom: -0.63vw;
    max-width: 14.38vw;
  }
}

@media screen and (max-width: 767px) {
  .footer {
    flex-direction: column;
    height: fit-content;
    justify-content: normal;
    padding-block: 7.93vw 3.2vw;
  }

  .footer__nav {
    gap: 8.35vw;
    padding-left: 4.17vw;
  }

  .footer__link {
    font-size: 3.13vw;
  }

  .footer__right {
    align-items: center;
    flex-direction: column-reverse;
    gap: 3.13vw;
  }

  .footer__copyright {
    font-size: 2.35vw;
  }

  .footer__logo {
    bottom: 0;
    margin-top: 6.26vw; /* 3rem */
    max-width: 32.34vw;
    padding-left: 2.09vw;
  }
}