/* ====================================================================
   Responsive Layout Adjustments
   ==================================================================== */

/* Desktop (Large Screens) */
@media (min-width: 992px) {
    .hero-section {
        min-height: 600px; /* Taller hero on desktop */
        text-align: left;
    }
    
    .hero-content {
        padding-right: 2rem;
    }
    
    .stat-card {
        margin-bottom: 0;
    }
}

/* Tablet & Mobile */
@media (max-width: 991px) {
    .hero-section {
        text-align: center;
        padding: 3rem 0;
    }
    
    .hero-content {
        margin-bottom: 3rem;
    }
    
    .lottie-container {
        height: 300px; /* Smaller animation on mobile */
    }
    
    .cta-buttons {
        justify-content: center;
    }
    
    /* Fix for Stat Cards on Mobile */
    .stat-card {
        margin-bottom: 1rem;
        padding: 1rem;
    }
    
    .stat-number {
        font-size: 1.8rem;
    }
    
    .stat-label {
        font-size: 0.8rem;
    }
}

/* Small Mobile */
@media (max-width: 576px) {
    h1.display-4 {
        font-size: 2.5rem;
    }
    
    .lottie-container {
        height: 250px;
    }
}