.vh-footer-secondary {
  background: $alpha;
  position: relative;
  z-index: 1;
  overflow: hidden;
  &::before {
    content: "";
    position: absolute;
    width: 25%;
    background: $secondary;
    height: 60px;
    top: -60px;
    left: 0;
    transform: skewY(-7deg);
    transform-origin: right top;
    z-index: -1;
  }
  &::after {
    content: "";
    position: absolute;
    width: 25%;
    background: $secondary;
    height: 60px;
    top: -60px;
    right: 50%;
    transform: skewY(7deg);
    transform-origin: left top;
    z-index: -1;
  }
  &__container {
    position: relative;
    z-index: 1;
    &::before {
        content: "";
        position: absolute;
        width: 25%;
        background: $secondary;
        height: 60px;
        top: -60px;
        left: 50%;
        transform: skewY(-7deg);
        transform-origin: right top;
        z-index: -1;
      }
      &::after {
        content: "";
        position: absolute;
        width: 25%;
        background: $secondary;
        height: 60px;
        top: -60px;
        right: 0;
        transform: skewY(7deg);
        transform-origin: left top;
        z-index: -1;
      }
  }
  &__body {
    padding-top: 60px;
    @include xl-screen {
        background-image: url(../img/secondary-footer-bg.png);
        background-size: contain;
        background-position: center center;
        background-repeat: no-repeat;
    }
  }
  &__copyright {
    padding-top: 24px;
    padding-bottom: 24px;
    border-top: 1px solid rgba($white, 0.3);
  }
}
