/* Great Agency: scroll effects; extracted from Additional CSS. */
.sticky-left-side{
	position: sticky;
	top: 150px;
}

.scroll-image-reveal {
    position: relative;
    overflow: hidden;
}

/* Dark overlay */
.scroll-image-reveal::after {
    content: "";
    position: absolute;
    inset: 0;
    background: #000;
    opacity: var(--overlay-opacity, 0.65);
    pointer-events: none;
    z-index: 5;
    will-change: opacity;
}

/* Make sure Elementor content/image stays below overlay */
.scroll-image-reveal > * {
    position: relative;
    z-index: 1;
}