.stl-dynamic-highlights-js {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    color: transparent;
    pointer-events: none
}

.stl-dynamic-highlights-js:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: .95em;
    height: .95em;
    background: radial-gradient(circle closest-side, currentColor 30%, rgba(255, 255, 225, 0) 100%);
    filter: blur(.08em)
}

.elementor-element.stl-add-backdrop-filter {
    z-index: 1
}

.elementor-element.stl-add-backdrop-filter:after {
    content: '';
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    border-radius: inherit;
    border: inherit;
    border-color: transparent
}

.stl-morph-js {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 450px;
    fill: rgba(0, 0, 0, .15);
    pointer-events: none
}

.extended-parallax .stl_mask_image,
.extended-parallax img {
    animation-iteration-count: inherit;
    animation-duration: inherit;
    animation-direction: inherit
}

.extended-parallax .stl_mask_image {
    height: auto;
    width: fit-content;
    -webkit-mask-size: contain;
    -webkit-mask-position: center center;
    -webkit-mask-repeat: no-repeat
}

.stl-wave {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none
}

.elementor-column,
.elementor-widget,
.elementor-inner-section {
    transition: opacity .4s
}

.elementor-element.stl-animate-scroll-yes {
    transform: perspective(var(--stl-anim-scroll-perspective, 1200px)) rotateX(var(--stl-anim-scroll-rotate, 0deg));
    transition: background var(--background-transition, .3s), border var(--border-transition, .3s), box-shadow var(--border-transition, .3s), transform var(--stl-anim-scroll-transition, var(--e-con-transform-transition-duration, .4s))
}