.site-footer {
  width: 100%;
  background-image: url("../../assets/images/footer-bg.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  overflow: hidden;
}
.site-footer .site-footer__top {
  padding-top: 5.4375rem;
  padding-left: 16.25rem;
  padding-right: 16.25rem;
  padding-bottom: 6.25rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 0.0625rem solid rgba(255, 255, 255, 0.1);
}
.site-footer .site-footer__left {
  width: 24.375rem;
}
.site-footer .site-footer__logo {
  display: inline-flex;
  margin-bottom: 1.75rem;
}
.site-footer .site-footer__logo img {
  width: 10.75rem;
  height: 2.25rem;
  display: block;
}
.site-footer .site-footer__contact-list {
  padding: 0;
  list-style: none;
}
.site-footer .site-footer__contact-item {
  border-bottom: 0.0625rem solid rgba(255, 255, 255, 0.1);
  margin-bottom: 1.125rem;
}
.site-footer .site-footer__contact-item:last-child {
  border-bottom: none;
}
.site-footer .site-footer__contact-line {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  margin-bottom: 0.75rem;
  color: rgb(255, 255, 255);
  font-family: "OPPO Sans 4.0";
  font-style: Medium;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.3125rem;
  letter-spacing: 0rem;
  text-align: left;
}
.site-footer .site-footer__contact-line img {
  width: 1.875rem;
  height: 1.875rem;
}
.site-footer .site-footer__qr-group {
  display: flex;
  gap: 1.25rem;
}
.site-footer .site-footer__qr-item p {
  color: rgb(255, 255, 255);
  font-family: "OPPO Sans 4.0";
  font-style: Regular;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.1875rem;
  letter-spacing: 0rem;
  text-align: center;
  margin-top: 0.625rem;
}
.site-footer .site-footer__qr-box {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 6.75rem;
  height: 6.75rem;
  border-radius: 0.625rem;
}
.site-footer .site-footer__qr-box img {
  width: 5.875rem;
  height: 5.875rem;
}
.site-footer .site-footer__right {
  width: 43.75rem;
  display: grid;
  grid-template-columns: 2fr 1fr 1.2fr 2fr;
  justify-content: end;
  -moz-column-gap: 5rem;
       column-gap: 5rem;
}
.site-footer .site-footer__nav-col h4 {
  color: rgb(255, 255, 255);
  font-family: "OPPO Sans 4.0";
  font-style: Medium;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.3125rem;
  letter-spacing: 0rem;
  text-align: left;
  margin-bottom: 1rem;
}
.site-footer .site-footer__nav-col a {
  display: block;
  color: rgb(255, 255, 255);
  opacity: 0.8;
  font-family: "OPPO Sans 4.0";
  font-style: Regular;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.75rem;
  letter-spacing: 0rem;
  text-align: left;
  margin-bottom: 0.875rem;
  transition: opacity 0.3s ease;
}
.site-footer .site-footer__nav-col a:hover {
  opacity: 1;
}
.site-footer .site-footer__social-list {
  display: flex;
  gap: 0.625rem;
}
.site-footer .site-footer__social-list a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 0.75rem;
}
.site-footer .site-footer__social-list img {
  width: 1.25rem;
  height: 1.4375rem;
}
.site-footer .site-footer__bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.875rem 16.25rem;
}
.site-footer .site-footer__bottom p {
  color: rgb(255, 255, 255);
  font-family: "OPPO Sans 4.0";
  font-style: Regular;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.1875rem;
  letter-spacing: 0rem;
  text-align: left;
}

@media (width <= 992px) {
  .site-footer .site-footer__top,
  .site-footer .site-footer__bottom {
    padding: var(--p-x);
  }
  .site-footer .site-footer__top {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1.25rem;
  }
  .site-footer .site-footer__top .site-footer__left {
    width: 100%;
  }
  .site-footer .site-footer__top .site-footer__right {
    width: 100%;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.25rem;
  }
  .site-footer .site-footer__bottom {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1.25rem;
  }
  .site-footer .site-footer__bottom p {
    text-align: center;
  }
  .site-footer .site-footer__contact-line {
    font-size: 14px;
    line-height: 1.2;
  }
  .site-footer .site-footer__qr-item p {
    font-size: 14px;
    line-height: 1.2;
  }
  .site-footer .site-footer__nav-col h4 {
    font-size: 16px;
    line-height: 1.2;
  }
  .site-footer .site-footer__nav-col a {
    font-size: 14px;
    line-height: 1.2;
  }
  .site-footer .site-footer__bottom p {
    font-size: 14px;
    line-height: 1.2;
  }
}/*# sourceMappingURL=footer.css.map */