/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 23 2026 | 17:17:25 */
/* ==========================================
   MB CARD HOVER
   CSS Class: mb-card-hover
   ========================================== */

.mb-card-hover {
    position: relative;
    overflow: hidden;

    transition:
        transform 0.6s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* BACKGROUND IMAGE */
.mb-card-hover::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;

    background-image: inherit;
    background-position: inherit;
    background-size: cover;
    background-repeat: no-repeat;

    transition:
        transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
}

/* KEEP CONTENT ABOVE BACKGROUND */
.mb-card-hover > * {
    position: relative;
    z-index: 1;
}

/* HOVER EFFECT */
@media (hover: hover) {
    .mb-card-hover:hover {
        transform: translateY(-5px);
    }

    .mb-card-hover:hover::before {
        transform: scale(1.1);
    }
}

/* ACCESSIBILITY */
@media (prefers-reduced-motion: reduce) {
    .mb-card-hover,
    .mb-card-hover::before {
        transition: none !important;
    }
}