/* Scroll Shrink Effects */
#hero,
.services,
.widget section,
.video-slider-container,
.hero-slider {
    transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
    transform-origin: center center;
    will-change: transform, border-radius;
}

#hero {
    background: transparent !important;
}

#hero .carousel-item::before {
    display: none !important;
}

.scrolled-shrink {
    transform: scale(0.94) !important;
    border-radius: 50px !important;
    overflow: hidden !important;
    box-shadow: none !important;
}

/* Adjustments for Normal Banners in widgets */
.widget section.scrolled-shrink {
    margin-left: 20px !important;
    margin-right: 20px !important;
}

@media (max-width: 768px) {
    .scrolled-shrink {
        transform: scale(0.97);
        border-radius: 20px !important;
    }
}