/*
 * Compiled stylesheet: home_home_1.css
 * Shared by views:
 *   - app/Views/front/home/home.php
 */

/* Smooth fade-in animation for cards */
.gurusthan-card {
    transition: opacity 0.3s ease, transform 0.3s ease;
}

.gurusthan-card {
    animation: cardFadeIn 0.5s ease forwards;
}

@keyframes cardFadeIn {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Ensure consistent card heights on all devices */
.group.bg-white.rounded-2xl {
    height: auto;
    min-height: 300px;
}

@media (min-width: 768px) {
    .group.bg-white.rounded-2xl {
        min-height: 320px;
        max-height: 360px;
    }
}

@media (max-width: 767px) {
    .group.bg-white.rounded-2xl {
        min-height: auto;
    }
    
    .gurusthan-card .flex.flex-col.md\:flex-row {
        flex-direction: column;
    }
    
    /* On mobile, always show image on top, content below */
    .gurusthan-card .md\:order-1, 
    .gurusthan-card .md\:order-2 {
        order: unset;
    }
}