/*!******************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[12].use[3]!./src/app/(pages)/services/view/Hero/index.css ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************/
.css .scroller {
  position: relative;
  height: 100vh;
  overflow-y: scroll;
  scroll-behavior: smooth;
}

.first-block {
  position: sticky;
  top: 0;
  animation: scrollDown 10s linear infinite;
}

.second-block {
  position: sticky;
  top: 0;
  animation: scrollUp 10s linear infinite;
}

@keyframes scrollDown {
  to {
    transform: translateY(100%);
  }
}

@keyframes scrollUp {
  to {
    transform: translateY(-100%);
  }
}