/**
 * Custom CSS Styles
 * Add custom styles and overrides here
 */

/* Banner Image Hover Animation */
.banner-image {
    position: relative;
    cursor: pointer;
    transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.banner-image img {
    transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94), 
                box-shadow 0.4s ease,
                filter 0.4s ease;
}

.banner-image:hover {
    transform: translateX(-10px);
}

.banner-image:hover img {
    transform: scale(1.02) translateX(-5px);
    box-shadow: 0 15px 35px -10px rgba(0, 0, 0, 0.12);
}