/* parallax */
.page-main-chapter:has(.parallax-row) {
  min-height: 100vh;
  overflow: unset;
}

.padding-around .parallax-active .parallax-img {
  max-width: calc(100% - (2 * var(--arround-padding)));
}

.parallax-active .parallax-img {
  position: fixed;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 0;
}

.parallax-row .parallax-img {
  display: flex;
  justify-content: center;
  height: 100vh;
  overflow: hidden;
}

.parallax-row .parallax-img .bg-image {
  object-position: center top;
  height: 100%;
  width: 100%;
}

.page-main-chapter:has(.parallax-row):after {
  content: "";
  width: 100%;
  height: calc(2 * var(--sp8));
  position: absolute;
  left: 0;
  top: 100%;
  background: var(--clr-white);
  z-index: 0;
}

/* bottom-radiouses */
.bottom-radiouses:after,
.bottom-radiouses:before {
  content: "";
  position: absolute;
  bottom: 0;
  z-index: 1;
  overflow: hidden;
  width: 70px;
  height: 70px;
  border-radius: var(--radius-sm);

}

.bottom-radiouses:before {
  box-shadow: -15px 15px 0 0 var(--clr-white);
  left: 0;
}

.bottom-radiouses:after {
  box-shadow: 15px 15px 0 0 var(--clr-white);
  right: 0;
}

/* no-parallax-effect */
.page-main-chapter:has(.no-parallax-effect),
.no-parallax-effect.section-with-bg-image {
  min-height: auto;
}

.no-parallax-effect.section-with-bg-image {
  margin-bottom: 0 !important;
}

.parallax-row.no-parallax-effect .parallax-img {
  height: 100%;
  position: absolute;
  max-width: none !important;
}

.no-parallax-effect .normal-content-module {
  margin-bottom: var(--sp-large);
}

.no-parallax-effect .parallax-img .bg-image {
  object-position: center;
}