@charset "utf-8";
.footer {
      position: relative;
    z-index: 30;
}
.footer__inner {
      border-top: 8px solid #D80839;
    position: relative;
  background-color: #fff;
}
.footer__bg {
      position: absolute;
    bottom: 0;
    z-index: 10;
}
.footer__container {
      border: 8px solid #005196;
        position: relative;
    z-index: 20;
      display: flex;
    flex-direction: column;
    align-items: center;
}
.footer__items {
      padding-top: clamp(2rem, 0.667rem + 2.78vw, 4rem);
    display: flex;
    align-items: center;
    column-gap: 40px;
}
.footer__item {
      font-size: clamp(1rem, 0.833rem + 0.35vw, 1.25rem);
    font-weight: 700;
    transition: all 0.5s;
}
.footer__item:hover {
  color: #A03435;
}
.footer__insta {
      width: 24px;
    object-fit: contain;
    margin-left: 20px;
}
.footer-copyright {
  margin-top: clamp(2.5rem, -2.333rem + 10.07vw, 9.75rem);
      color: #fff;
    text-align: center;
    margin-bottom: 8px;
    font-size: clamp(0.625rem, 0.458rem + 0.35vw, 0.875rem);
    font-weight: 400;
}
.top-back__btn {
      position: absolute;
    width: clamp(2.5rem, 0.833rem + 3.47vw, 5rem);
    transition: all 0.5s;
    right: clamp(1.25rem, -6.25rem + 15.63vw, 12.5rem);
    top: -16%;
    z-index: 30;
}
.top-back__btn--hover {
      position: absolute;
    width: clamp(2.5rem, 0.833rem + 3.47vw, 5rem);
    transition: all 0.5s;
    right: clamp(1.25rem, -6.25rem + 15.63vw, 12.5rem);
    top: -16%;
    z-index: 30;
    opacity: 0;
}
.top-back-btn:hover .top-back__btn--hover {
  opacity: 1;
}

@media (max-width: 767px) {
  .footer__bg {
        height: 107px;
    width: 100%;
    object-fit: cover;
  }
  .footer__container {
        align-items: flex-start;
    padding-left: clamp(2.5rem, -1.379rem + 15.92vw, 6.25rem);
  }
  .footer__items {
        flex-direction: column;
    row-gap: 30px;
    align-items: flex-start;
    width: 100%;
  }
  .footer__insta {
        margin-left: 0;
    width: 45px;
  }
  .footer-copyright {
        width: 100%;
    margin-top: 103px;
  }
  .top-back__btn,
  .top-back__btn--hover {
        width: 70px;
    top: -8%;
  }
}