.footer {
  padding-top: 22vw;
  position: relative;
}
.footer::before {
  background-image: url(../../img/background/background.svg);
  background-repeat: no-repeat;
  background-size: 110%;
  top: 0;
  content: "";
  display: block;
  height: 2vw;
  margin-left: -9.5vw;
  position: absolute;
  width: 100%;
}
.footer::after {
  aspect-ratio: 70/85;
  background-image: url(../../img/logo.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  top: -10vw;
  content: "";
  display: block;
  height: auto;
  margin: 0 31.75vw;
  position: absolute;
  width: 17.5vw;
}
.footer__top {
  padding-bottom: 12vw;
}
#menu-secondary_menu {
  display: grid;
  gap: 4vw 3vw;
  grid-template-columns: 1fr 1fr;
}
#menu-secondary_menu > .menu-item-has-children {
  display: flex;
  flex-direction: column;
  gap: 2.5vw;
}
#menu-secondary_menu .menu-item-has-children > a {
  color: var(--mColor);
  font-family: var(--ffMXBoIt);
  font-size: var(--fsCorps);
  line-height: 1.1875rem;
  text-transform: uppercase;
}
#menu-secondary_menu .menu-item-has-children > .sub-menu a {
  color: var(--mColor);
  font-family: var(--ffMMe);
  font-size: var(--fsCorps);
  line-height: 1.5625rem;
}
.footer__bottom {
  background-color: var(--sColor);
  margin-left: -9.5vw;
  padding: 2.5vw 6vw;
  position: relative;
  width: 100vw;
}
.footer__bottom::before {
  background-image: url(../../img/background/background.svg);
  background-repeat: no-repeat;
  background-size: 110%;
  content: "";
  display: block;
  height: 2vw;
  margin-left: -7vw;
  position: absolute;
  top: -1.5vw;
  width: 110%;
}
.footer__bottom > p,
.footer__bottom a {
  color: var(--whiteBis);
  font-size: 0.75rem;
  line-height: 0.875rem;
  text-align: center;
}
.footer__bottom a {
  white-space: nowrap;
}

@media (min-width: 767.98px) {
  .footer {
    padding-top: 15vw;
  }
  .footer::after {
    top: -7.5vw;
    width: 12.5vw;
    margin: 0 34vw;
  }
  #menu-secondary_menu {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

@media (min-width: 991.98px) {
  .footer {
    padding-top: 10vw;
  }
  .footer::after {
    top: -3.5vw;
    width: 6vw;
    margin: 0 37.5vw;
  }
  #menu-secondary_menu {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
  .footer__top {
    padding-bottom: 10vw;
  }
  .footer::before {
    height: 0.75vw;
  }
  .footer__bottom::before {
    height: 0.75vw;
    top: 0;
  }
  .footer__bottom {
    padding: 2vw 6vw 1.5vw 6vw;
  }
  #menu-secondary_menu > .menu-item-has-children {
    gap: 0.75vw;
  }
}

@media (min-width: 1199.98px) {
  #menu-secondary_menu {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  }
  .footer::after {
    top: -3vw;
    width: 5vw;
    margin: 0 38vw;
  }
  .footer {
    padding-top: 8vw;
  }
  .footer__top {
    padding-bottom: 8vw;
  }
}

@media (min-width: 1399.98px) {
  #menu-secondary_menu {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  }
  .footer::after {
    margin: 0 38.5vw;
    top: -2.5vw;
    width: 4vw;
  }
  .footer {
    padding-top: 5vw;
  }
  .footer__top {
    padding-bottom: 3.5vw;
  }
}

@media (min-width: 1599.98px) {
  .footer::after {
    top: -2vw;
  }
  .footer__bottom {
    padding: 1.5vw 6vw 1vw 6vw;
  }
  .footer::before,
  .footer__bottom::before {
    height: 0.625rem;
  }
  #menu-secondary_menu {
    gap: 4vw 2.5vw;
    justify-content: center;
  }
  .footer__top {
    padding-inline: 5vw;
  }
}

@media (min-width: 1799.98px) {
  .footer::after {
    margin: 0 38.5vw;
    top: -2vw;
    width: 4vw;
  }
  .footer__top {
    padding-bottom: 2.5vw;
  }
}

@media (min-width: 1919.98px) {
  .footer::after {
    margin: 0 38vw;
    top: -2.5vw;
  }
  .footer__top {
    padding-inline: 10vw;
  }
}

@media (min-width: 2199.98px) {
  .footer {
    padding-top: 3vw;
  }
  .footer::after {
    margin: 0 39vw;
    top: -1.75vw;
    width: 3vw;
  }
  .footer__bottom {
    padding: 0.85vw 6vw 0.65vw 6vw;
  }
}