@-moz-keyframes k58zqu2 {
  0%, 100% {
    -moz-transform: translateY(10px);
         transform: translateY(10px);
  }
  50% {
    -moz-transform: translateY(0);
         transform: translateY(0);
  }
}
@keyframes k58zqu2 {
  0%, 100% {
    -moz-transform: translateY(10px);
         transform: translateY(10px);
  }
  50% {
    -moz-transform: translateY(0);
         transform: translateY(0);
  }
}
@-moz-keyframes k58zqu4 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes k58zqu4 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.k58zqu0 {
  width: 100%;
  height: var(--viewport-height, 100vh);
  overflow: hidden;
  position: relative;
  background: var(--ColorBlack-500);
}
.k58zqu1 {
  width: 100%;
  height: -moz-calc(100vh - 105.5px);
  height: calc(100vh - 105.5px);
  -moz-transition: transform 0.5s ease-in-out, -moz-transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out, -moz-transform 0.5s ease-in-out;
  display: -moz-box;
  display: flex;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
       flex-direction: column;
  background: var(--ColorBlack-500);
}
.k58zqu3 {
  -moz-animation: k58zqu2 1.2s infinite ease-in-out;
       animation: k58zqu2 1.2s infinite ease-in-out;
}
.k58zqu5 {
  -moz-animation: k58zqu4 0.8s ease-in-out;
       animation: k58zqu4 0.8s ease-in-out;
}
.k58zqu6 {
  width: 100%;
  height: -moz-calc(100vh - 105.5px);
  height: calc(100vh - 105.5px);
  position: relative;
  -moz-box-sizing: border-box;
       box-sizing: border-box;
  overflow: hidden;
}
.k58zqu7 {
  width: 100%;
  height: -moz-calc(var(--viewport-height, 100vh) - 105.5px);
  height: calc(var(--viewport-height, 100vh) - 105.5px);
  overflow: hidden;
  position: relative;
  -moz-box-sizing: border-box;
       box-sizing: border-box;
}
.k58zqu8 {
  position: absolute;
  bottom: 28px;
  left: 50%;
  -moz-transform: translateX(-50%);
       transform: translateX(-50%);
  display: -moz-box;
  display: flex;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
       flex-direction: column;
  -moz-box-align: center;
       align-items: center;
  -moz-box-pack: center;
       justify-content: center;
  width: 100%;
  z-index: 10;
  gap: 18px;
}
.k58zqu9 {
  background-image: url(https://www.olensglobal.com/images/ourStory/our_story_section2_cover.png);
  background-repeat: no-repeat;
  background-position: top;
  background-size: cover;
}
.k58zqua {
  display: -moz-box;
  display: flex;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
       flex-direction: column;
  -moz-box-pack: center;
       justify-content: center;
  -moz-box-align: center;
       align-items: center;
  gap: 48px;
}
.k58zqub {
  background-image: url(https://www.olensglobal.com/images/ourStory/our_story_section3_cover.png);
  background-repeat: no-repeat;
  background-position: top;
  background-size: cover;
  display: -moz-box;
  display: flex;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
       flex-direction: column;
  -moz-box-pack: center;
       justify-content: center;
  -moz-box-align: center;
       align-items: center;
}
.k58zquc {
  display: -moz-box;
  display: flex;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
       flex-direction: column;
  -moz-box-align: center;
       align-items: center;
  -moz-box-pack: end;
       justify-content: flex-end;
  width: 100%;
  padding-bottom: clamp(32px, 12vh, 117px);
  -moz-box-sizing: border-box;
       box-sizing: border-box;
}
.k58zqud {
  background-image: url(https://www.olensglobal.com/images/ourStory/our_story_section4_cover.png);
  background-repeat: no-repeat;
  background-position: top;
  background-size: cover;
  gap: 30px;
}
.k58zque {
  display: -moz-box;
  display: flex;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
       flex-direction: column;
  -moz-box-align: center;
       align-items: center;
  -moz-box-pack: start;
       justify-content: flex-start;
  width: 100%;
  gap: 30px;
  padding-top: 70px;
  padding-left: 25px;
  padding-right: 25px;
  -moz-box-sizing: border-box;
       box-sizing: border-box;
}
.k58zquf {
  display: -moz-box;
  display: flex;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
       flex-direction: column;
  -moz-box-align: center;
       align-items: center;
  gap: 32px;
  background-image: url(https://www.olensglobal.com/images/ourStory/our_story_section5_cover.png);
  background-repeat: no-repeat;
  background-position: top;
  background-size: cover;
}
.k58zqug {
  display: -moz-box;
  display: flex;
  -moz-box-align: center;
       align-items: center;
  -moz-box-pack: center;
       justify-content: center;
}
.k58zquh {
  position: absolute;
  top: 50%;
  -moz-transform: translateY(-50%);
       transform: translateY(-50%);
  background: none;
  border: none;
  cursor: pointer;
  z-index: 10;
}
.k58zquh.custom-prev {
  left: 16px;
}
.k58zquh.custom-next {
  right: 16px;
}
.k58zqui {
  display: -moz-box;
  display: flex;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
       flex-direction: column;
  -moz-box-align: center;
       align-items: center;
  -moz-box-pack: center;
       justify-content: center;
}
.k58zquj {
  background-image: url(https://www.olensglobal.com/images/ourStory/our_story_section6_cover.png);
  background-repeat: no-repeat;
  background-position: top;
  background-size: cover;
}
.k58zquk {
  display: -moz-box;
  display: flex;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
       flex-direction: column;
  -moz-box-align: center;
       align-items: center;
  -moz-box-pack: center;
       justify-content: center;
  gap: 32px;
}
.k58zqul {
  display: -moz-box;
  display: flex;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
       flex-direction: column;
  -moz-box-align: center;
       align-items: center;
  -moz-box-pack: justify;
       justify-content: space-between;
}
.k58zqum {
  background-image: url(https://www.olensglobal.com/images/ourStory/our_story_section8_cover.png);
  background-repeat: no-repeat;
  background-position: top;
  background-size: cover;
}
.k58zqun {
  display: -moz-box;
  display: flex;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
       flex-direction: column;
  -moz-box-align: center;
       align-items: center;
  -moz-box-pack: end;
       justify-content: flex-end;
  width: 100%;
  padding-bottom: clamp(32px, 8vh, 99px);
  padding-top: 24px;
  gap: 28px;
  -moz-box-sizing: border-box;
       box-sizing: border-box;
}
.k58zquo {
  display: -moz-box;
  display: flex;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
       flex-direction: column;
  -moz-box-align: center;
       align-items: center;
  -moz-box-pack: center;
       justify-content: center;
  gap: 8px;
}
.k58zqup {
  color: var(--ColorWhite-50);
  line-height: 24px;
  letter-spacing: -0.5px;
  text-align: center;
}
.k58zquq {
  color: var(--ColorWhite-50);
  line-height: 20px;
  letter-spacing: -0.5px;
  text-align: center;
}
.k58zqur {
  display: -moz-box;
  display: flex;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
       flex-direction: row;
  -moz-box-align: center;
       align-items: center;
  -moz-box-pack: center;
       justify-content: center;
  gap: 16px;
}
.k58zqus {
  border: 1px solid var(--ColorWhite-50);
  border-radius: 50%;
  width: 44px;
  height: 44px;
  display: -moz-box;
  display: flex;
  -moz-box-align: center;
       align-items: center;
  -moz-box-pack: center;
       justify-content: center;
}
.k58zqut {
  line-height: 20px;
  letter-spacing: -0.5px;
  border-radius: 4px;
  width: 246px;
  height: 44px;
}
.k58zquu {
  line-height: 20px;
  letter-spacing: -0.5px;
  border-radius: 4px;
  width: 208px;
  height: 26px;
  display: -moz-box;
  display: flex;
  -moz-box-align: center;
       align-items: center;
  -moz-box-pack: center;
       justify-content: center;
}
@media screen and (max-height: 618px) {
  .k58zque {
    padding: 8px 0;
  }
}