/**
 * AICT Hero Section Fix
 * Fixes opacity issue where animation classes leave content invisible
 */

/* Force hero content to be visible */
.hero .fade-in,
.hero .animated,
.hero .fade-in.animated,
.hero-title,
.hero-subtitle,
.hero p,
.hero h1,
.hero h2 {
    opacity: 1 !important;
    visibility: visible !important;
}

/* Ensure the hero section has proper contrast */
.hero {
    position: relative;
}

.hero .container {
    position: relative;
    z-index: 2;
}

/* Hero text styling for better visibility */
.hero h1,
.hero .hero-title {
    color: #ffffff;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.hero p,
.hero .hero-subtitle {
    color: rgba(255, 255, 255, 0.95);
}

/* Fix any animation that keeps elements hidden */
.hero [class*="fade"],
.hero [class*="slide"],
.hero [class*="zoom"] {
    opacity: 1 !important;
    transform: none !important;
}