@charset "UTF-8";

footer {
  position: relative;
}

nav.footer-nav {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  background: rgb(230, 21, 23);
  height: 95px;
  width: 100%;
}

ul.footer-nav-list {
  margin: 0;
  display: flex;
  gap: 0 60px;
}

footer#footer .footer-logo {
  text-align: right;
  height: 100%;
}

#footer nav ul li {
  list-style: none;
}

#footer a:not(.footer-logo a) {
  font-size: clamp(10px, 2vw, 30px);
  color: white;
  text-decoration: none;
}

.footer-logo img {
  height: 95px;
  border-left: solid white;
  border-width: clamp(3px, 0.6vw, 7px);
}

@media (max-width: 767px) {
  nav.footer-nav {
    height: 48px;
  }

  .footer-nav-list {
    display: none !important;
  }

  nav.footer-nav {
    display: flex;
    justify-content: space-between;
  }

  .policy-link {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
  }

  footer#footer .footer-logo {
    position: absolute;
    right: 0;
  }

  .footer-logo img {
    height: 100%;
  }
}

#footer .top-link {
  position: absolute;
  top: -140px;
  right: 50px;
  cursor: pointer;
  z-index: 1000;
}
#footer .top-link img{
  width: 110px;
}
@media (max-width: 767px) {
  #footer .top-link {
    top: -70px;
    right: 20px;
  }
  #footer .top-link img{
    width: 60px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  #footer .top-link {
    top: -120px;
    right: 50px;
  }
  #footer .top-link img{
    width: 100px;
  }
}