/* html,
html,
body.no-scroll {
  overflow: hidden !important;
  
  touch-action: none;
  overscroll-behavior: none;
} */


/* #smooth-wrapper {
  overflow: visible;
} */

/* #smooth-content {
  will-change: transform;
} */

/* .hero-section {
  height: 100vh;
  background: url('images/shadow-5.png') center/cover no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  position: relative;
  overflow: hidden;
} */

.hero-content {
  color: white;
  text-align: center;
  z-index: 2;
  position: relative;
}

html {
  scroll-behavior: smooth;
}

/* html,
body {
  height: 100%;
  overflow: auto;
} */

.sections-wrapper {
  position: relative;
  /* height: 100vh; */

}

/* .content-section {
  min-height: 50vh;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;

} */

/* body {
  min-width: 1024px;
} */

#rightColumnTopImage2 {
  height: 650px;
}

#rightColumnTopImage {
  height: 650px;
  max-width: none;
  display: block;
  transform-origin: center center;
}

#heroBG {
  will-change: transform;
  backface-visibility: hidden;
}

section .bg {
  /* display: flex; */
  align-items: center;
  justify-content: center;
  /* position: absolute; */
  /* height: 100%; */
  /* width: 100%; */
  /* top: 0; */
  /
  /* background-position: center; */
}


/* #content-wrapper {
  position: relative;
  height: 100vh;
  overflow: hidden;
  border-color: blue;
} */

#content-area-no {
  width: 100%;
  /* height: 100%; */
  position: relative;
}

/* .content-section {
  position: absolute;
  top: 30%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
} */



.rightTextWrapper {
  position: relative;
  height: 300px;
  /* fixed height */
  overflow: hidden;
}

.rightContent {
  position: absolute;
  width: 100%;
}




section .bg {
  /* display: flex; */
  align-items: center;
  justify-content: center;
  /* position: absolute; */
  /* height: 100%; */
  /* width: 100%; */
  /* top: 0; */
  /
  /* background-position: center; */
}


/* #content-wrapper {
  position: relative;
  height: 100vh;
  overflow: hidden;
  border-color: blue;
} */

#content-area {
  width: 100%;
  /* height: 100%; */
  position: relative;
}

.content-section {
  position: absolute;
  /* top: 30%;
  left: 50%; */
  /* transform: translate(-50%, -50%); */
  opacity: 0;
}



.rightTextWrapper {
  position: relative;
  height: 300px;
  /* fixed height */
  overflow: hidden;
}

.rightTextWrapperStyle {
  position: relative;
  height: 100%;
  /* fixed height */
  overflow: hidden;
}

.rightContent {
  position: absolute;
  width: 100%;
}

.firstBox,
.secondBox {
  position: absolute;
  /* top: 0;
  left: 0; */
  width: 80%;
  height: 100%;
  padding-left: 10px;
  margin-left: 10px;
}