.dd-background-effect-parallax-gallery {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   overflow: hidden;
   perspective: var(--dd-paralax-gallery-transform-perspective, 1000px);
}
.dd-background-effect-wrapper {
   mask-image: radial-gradient(var(--dd-paralax-gallery-clip-path-type) at var(--dd-paralax-gallery-clip-path-center-x) var(--dd-paralax-gallery-clip-path-center-y), rgb(0, 0, 0) var(--dd-paralax-gallery-clip-path-radius-start), rgba(0, 0, 0, 0) var(--dd-paralax-gallery-clip-path-radius-end));
   mask-size: 100% 100%;
   transform:
      rotateZ(var(--dd-paralax-gallery-transform-rotateZ))
      rotateX(var(--dd-paralax-gallery-transform-rotateX))
      rotateY(var(--dd-paralax-gallery-transform-rotateY))
      scale(var(--dd-paralax-gallery-transform-scale));
   transform-origin: center center;
   transform-style: preserve-3d;
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
}
.dd-parallax-gallery-wrapper {
   height: 100%;
   width: 100%;
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   display: grid;
   /* overflow: visible; */
}
.dd-parallax-gallery-wrapper.orientation-horizontal {
   grid-template-rows: repeat(var(--dd-paralax-gallery-track-gap), calc((100% - 2 * var(--dd-paralax-gallery-track-gap)) / var(--dd-paralax-gallery-tracks)));
   row-gap: var(--dd-paralax-gallery-track-gap);
}
.dd-parallax-gallery-wrapper.orientation-vertical {
   grid-template-columns: repeat(var(--dd-paralax-gallery-tracks), 1fr);
   grid-template-rows: 100%;
   column-gap: var(--dd-paralax-gallery-track-gap);
}
.dd-parallax-gallery-track {
   position: relative;
   height: 100%;
   max-width: 100%;
}
.dd-parallax-gallery-track-inner {
   position: absolute;
   top: 0;
   will-change: transform;
}
.dd-parallax-gallery-track-inner .dd-simple-slider-slide {
   overflow: hidden;
}
.dd-simple-slider-wrapper[data-direction="horizontal"].dd-parallax-gallery-track-inner {
   height: 100%;
}
.dd-simple-slider-wrapper[data-direction="vertical"].dd-parallax-gallery-track-inner {
   width: 100%;
}
.dd-simple-slider-wrapper[data-direction="horizontal"].dd-parallax-gallery-track-inner img {
   height: 100% !important;
   width: auto !important;
}
.dd-simple-slider-wrapper[data-direction="vertical"].dd-parallax-gallery-track-inner img {
   width: 100% !important;
   height: auto !important;
}

/* Dark Veil Effect Styles */
.dd-background-effect-dark-veil {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   overflow: hidden;
   z-index: 0;
}

.dd-dark-veil-wrapper {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: 0;
}

.dd-dark-veil-canvas {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   display: block;
   pointer-events: none;
   z-index: 0;
   opacity: 1;
}