/*# sourceMappingURL=http://localhost/thuisreiniging2025/App/Step/Templates/Cards/Css/Parallax.scss.map*/.cw1 {
  --cw:1;
}
.cw2 {
  --cw:2;
}
.cw3 {
  --cw:3;
}
.cw4 {
  --cw:4;
}
.cw5 {
  --cw:5;
}
.cw6 {
  --cw:6;
}
.cw7 {
  --cw:7;
}
.cw8 {
  --cw:8;
}
.cw9 {
  --cw:9;
}
.cw10 {
  --cw:10;
}
.cw11 {
  --cw:11;
}
.cw12 {
  --cw:12;
}
.bg-darkes {
  background: #333;
}
.card--step-parallax {
  padding: 15px;
  gap: 100px;
}
.card--step-parallax .card__title {
  display: flex;
  gap: 20px;
  align-items: center;
  --h3-margin-bottom: 0px;
  margin-bottom: 30px;
}
.card--step-parallax .card__content {
  border: 0px solid transparent !important;
}
.card--step-parallax .card__step {
  border-radius: 50px;
  height: 50px;
  width: 50px;
  background-color: var(--primary);
  top: 15px;
  left: 15px;
  --custom-color: #fff;
  --custom-font-size: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.parallax-sticky {
  flex-direction: column;
  display: flex;
  position: static;
}
.parallax-sticky .parallax-item {
  transition: opacity 0.3s, transform 0.5s;
  transform: translateY(var(--y)) scale(min(1, calc(1 - (var(--index) * 0.01 - (var(--index) / 100 * var(--percentage))))));
  opacity: calc(1 - (100 - var(--percentage)) / 300);
  position: sticky;
  bottom: calc(30vh);
}