.about-hero-section {

    background-size: cover;

    background-position: center;

    background-repeat: no-repeat;

    min-height: 400px;

    display: flex;

    align-items: center;

    position: relative;

}



.about-hero-section .hero-overlay {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, 0.5);

    z-index: 1;

}



/* Hero text animation */

@keyframes fadeInUp {

    from {

        opacity: 0;

        transform: translateY(30px);

    }

    to {

        opacity: 1;

        transform: translateY(0);

    }

}



.about-hero-section h1 {

    animation: fadeInUp 0.8s ease-out forwards;

    animation-delay: 0.2s;

    opacity: 0;

}



.about-hero-section p {

    animation: fadeInUp 0.8s ease-out forwards;

    animation-delay: 0.4s;

    opacity: 0;

}



/* Card animations on scroll */

.about-card {

    opacity: 0;

    transform: translateY(40px);

    transition: opacity 0.6s ease-out, transform 0.6s ease-out;

}



.about-card.animate {

    opacity: 1;

    transform: translateY(0);

}



/* Stagger cards */

.about-card:nth-child(1) {

    transition-delay: 0.1s;

}



.about-card:nth-child(2) {

    transition-delay: 0.2s;

}



.about-card:nth-child(3) {

    transition-delay: 0.3s;

}