/* Custom breakpoint for 1024px screens */
@media (min-width: 1020px) and (max-width: 1080px) {
    .custom-card {
        flex: 0 0 33.3333% !important;
        /* 3 cards per row */
        max-width: 33.3333% !important;
    }
}

.custom-card > .position-relative.d-flex.justify-content-center {
    transition: transform 0.3s ease, filter 0.3s ease;
}

/* Hover effect: lift card with colored shadow only */
.custom-card > .position-relative.d-flex.justify-content-center:hover {
    transform: translateY(-10px);
   
    background: transparent !important; /* ensures no white overlay */
}