.js-partnership-animation {
  &::-webkit-scrollbar {
    width: 0;
    display: none;
  }

  .scroll-page__section {
    background: $primary1;

    &-2 {
      overflow-y: scroll;

      &::-webkit-scrollbar {
        width: 0;
        display: none;
      }

    }
  }
}

.js-sustainability-animation {
  &::-webkit-scrollbar {
    width: 0;
    display: none;
  }

  .scroll-page__section {

    &-2 {
      overflow: auto;

      &::-webkit-scrollbar {
        width: 0;
        display: none;
      }

    }
  }
}

.js-main-animation {
  &::-webkit-scrollbar {
    width: 0;
    display: none;
  }

  .scroll-page__section {

    &-2 {
      overflow: auto;

      &::-webkit-scrollbar {
        width: 0;
        display: none;
      }

    }
  }
}

.js-about-animation {
  &::-webkit-scrollbar {
    width: 0;
    display: none;
  }

  .scroll-page__section {

    &-1 {
      overflow: hidden;
    }

    &-2 {
      overflow: hidden;
    }

    &-3 {
      overflow: auto;

      &::-webkit-scrollbar {
        width: 0;
        display: none;
      }

    }
  }
}

.scroll-page {
  width: 100%;
  height: calc(100vh * 2);
  position: relative;

  @media screen and (max-width: 1200px) {
    height: auto;
  }
}

.scroll-page__section {
  width: 100%;
  height: calc(100vh + 1px);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  transform: translateY(100vh);
  transition: all .8s cubic-bezier(1, 0.9, 0.9, 1);
  z-index: 0;

  @media screen and (max-width: 1200px) {
    position: unset;
    transform: none;
    height: auto;
  }
}

.scroll-page__section-1 {
  transform: translateY(0);
  z-index: 2;

  @include breakpoint-down('deskS') {
    height: 100vh;
  }
}
.scroll-page__section-2 {
  z-index: 1;
  margin-top: -1px;
}