/*!*******************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/parallax-slider/parallax-slider-wrapper/style.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************/
/**
 * The following styles get applied both on the front of your site
 * and in the editor.
 *
 * Replace them with your own styles or remove the file completely.
 */
.parallax-slider-container {
  height: 100vh;
  position: relative;
  margin-bottom: calc(100vh * (var(--section-count) - 1)) !important;
}

.parallax-section {
  position: absolute;
  width: 100%;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  clip-path: inset(0 0 0 0); /* Modern alternative */
  -webkit-clip-path: inset(0 0 0 0); /* Safari needs prefix */
}

.content {
  position: relative;
  z-index: 2;
  width: 100%;
}

.bg {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 1;
}

.parallax-section:nth-child(1) {
  top: 0vh;
  z-index: 998;
}

.parallax-section:nth-child(2) {
  top: 100vh;
  z-index: 997;
}

.parallax-section:nth-child(3) {
  top: 200vh;
  z-index: 996;
}

.parallax-section:nth-child(4) {
  top: 300vh;
  z-index: 995;
}

.parallax-section:nth-child(5) {
  top: 400vh;
  z-index: 994;
}

.parallax-section:nth-child(6) {
  top: 500vh;
  z-index: 993;
}

.parallax-section:nth-child(7) {
  top: 600vh;
  z-index: 992;
}

.parallax-section:nth-child(8) {
  top: 700vh;
  z-index: 991;
}

.parallax-section:nth-child(9) {
  top: 800vh;
  z-index: 990;
}

.parallax-section:nth-child(10) {
  top: 900vh;
  z-index: 989;
}

.parallax-section:nth-child(11) {
  top: 1000vh;
  z-index: 988;
}

.parallax-section:nth-child(12) {
  top: 1100vh;
  z-index: 987;
}

.parallax-section:nth-child(13) {
  top: 1200vh;
  z-index: 986;
}

.parallax-section:nth-child(14) {
  top: 1300vh;
  z-index: 985;
}

.parallax-section:nth-child(15) {
  top: 1400vh;
  z-index: 984;
}

.parallax-section:nth-child(16) {
  top: 1500vh;
  z-index: 983;
}

.parallax-section:nth-child(17) {
  top: 1600vh;
  z-index: 982;
}

.parallax-section:nth-child(18) {
  top: 1700vh;
  z-index: 981;
}

.parallax-section:nth-child(19) {
  top: 1800vh;
  z-index: 980;
}

.parallax-section:nth-child(20) {
  top: 1900vh;
  z-index: 979;
}
