.about-info-3 {
  height: 100vh;
}
.about-info-3.bg-img {
  background-size: cover;
}

.info-story {
  color: #fff;
  list-style: none;
  font-size: 32px;
  /* line-height: 1.25em; */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 795px;
  padding: 15px 15px;
  text-transform: uppercase;
}
@media (max-width: 1599.98px) {
  .info-story {
    font-size: 26px;
    padding: 15px 15px;
  }
}
@media (max-width: 767.98px) {
  .info-story {
    font-size: 18px;
  }
}
.info-story span {
  font-size: 130px;
  text-transform: uppercase;
  max-width: 190px;
  width: 100%;
  font-weight: 300;
}
@media (max-width: 1599.98px) {
  .info-story span {
    font-size: 90px;
  }
}
@media (max-width: 767.98px) {
  .info-story span {
    font-size: 50px;
    max-width: 90px;
  }
}
.info-story br {
  display: none;
}


#slide01,
#slide03,
#slide05 {
  background-color: #FFFFFF;
  -webkit-transition: all 2s;
  transition: all 2s;
}

#intro,
#slide02,
#slide04 {
  background-color: #FFF;
}

.background-container {
  width: 100%;
  height: 100%;
  background: #fff;
  background-size: cover;
  z-index: 100;
  overflow-y: scroll;
  overflow-x: hidden;
  width: 100%;
}

/* width */
.background-container::-webkit-scrollbar {
  width: 1px;
}

/* Track */
.background-container::-webkit-scrollbar-track {
  background: transparent;
}

/* Handle */
.background-container::-webkit-scrollbar-thumb {
  background: transparent;
}

/* Handle on hover */
.background-container::-webkit-scrollbar-thumb:hover {
  background: transparent;
}

.slide {
  position: relative;
  overflow: hidden;
  height: 100vh;
}

.slide .pin-wrapper {
  width: 100%;
  height: 100%;
}

.slide .wrapper {
  position: absolute;
  top: 37%;
  left: 50%;
}

#slide02 .pin-wrapper,
#slide03 .pin-wrapper,
#slide04 .pin-wrapper {
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
}

.scrollmagic-pin-spacer {
  position: absolute !important;
  clip: rect(auto, auto, auto, auto);
}

.section-abs {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  border-bottom: 1px solid black;
  background-color: white;
}
.section-abs h1 {
  position: absolute;
  color: #a7a7a733;
  margin: 0 0 0 20px;
}

.wrap {
  position: absolute;
  top: 25%;
  left: 50%;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  overflow: hidden;
}
@media (max-width: 1440px) {
  .wrap {
    top: 20%;
  }
}

@media (max-width: 767.98px) {
    #slide01 {
      background-position: 25%;
  }
}

.wrap h2 {
  position: relative;
  margin: 0;
}

.mob-about-unique{
  background-size: cover;
}