/* Hero header animation */

@keyframes fadeInDown {

    from {

        opacity: 0;

        transform: translateY(-30px);

    }

    to {

        opacity: 1;

        transform: translateY(0);

    }

}



.staff-header h1 {

    animation: fadeInDown 0.8s ease-out forwards;

    opacity: 0;

}



.staff-header p {

    animation: fadeInDown 0.8s ease-out forwards;

    animation-delay: 0.2s;

    opacity: 0;

}



/* Filter section animation */

.staff-filters {

    opacity: 0;

    transform: translateY(20px);

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

}



.staff-filters.animate {

    opacity: 1;

    transform: translateY(0);

}



/* Staff card animations */

.staff-card-wrapper {

    opacity: 0;

    transform: translateY(40px);

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

}



.staff-card-wrapper.animate {

    opacity: 1;

    transform: translateY(0);

}



/* Stagger animation for staff cards */

.staff-card-wrapper:nth-child(1) { transition-delay: 0.1s; }

.staff-card-wrapper:nth-child(2) { transition-delay: 0.2s; }

.staff-card-wrapper:nth-child(3) { transition-delay: 0.3s; }

.staff-card-wrapper:nth-child(4) { transition-delay: 0.4s; }

.staff-card-wrapper:nth-child(5) { transition-delay: 0.5s; }

.staff-card-wrapper:nth-child(6) { transition-delay: 0.6s; }

.staff-card-wrapper:nth-child(7) { transition-delay: 0.7s; }

.staff-card-wrapper:nth-child(8) { transition-delay: 0.8s; }

.staff-card-wrapper:nth-child(9) { transition-delay: 0.9s; }



/* Statistics section animation */

.staff-stats {

    opacity: 0;

    transform: translateY(40px);

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

}



.staff-stats.animate {

    opacity: 1;

    transform: translateY(0);

}



.staff-stats .col-md-3:nth-child(1) .card {

    animation: fadeInUp 0.6s ease-out forwards;

    animation-delay: 0.1s;

    opacity: 0;

}



.staff-stats .col-md-3:nth-child(2) .card {

    animation: fadeInUp 0.6s ease-out forwards;

    animation-delay: 0.2s;

    opacity: 0;

}



.staff-stats .col-md-3:nth-child(3) .card {

    animation: fadeInUp 0.6s ease-out forwards;

    animation-delay: 0.3s;

    opacity: 0;

}



.staff-stats .col-md-3:nth-child(4) .card {

    animation: fadeInUp 0.6s ease-out forwards;

    animation-delay: 0.4s;

    opacity: 0;

}



@keyframes fadeInUp {

    from {

        opacity: 0;

        transform: translateY(30px);

    }

    to {

        opacity: 1;

        transform: translateY(0);

    }

}



/* Staff profile page animations */

.staff-profile-sidebar {

    opacity: 0;

    transform: translateX(-30px);

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

}



.staff-profile-sidebar.animate {

    opacity: 1;

    transform: translateX(0);

}



.staff-profile-card {

    opacity: 0;

    transform: translateY(40px);

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

}



.staff-profile-card.animate {

    opacity: 1;

    transform: translateY(0);

}



.staff-profile-card:nth-child(1) { transition-delay: 0.2s; }

.staff-profile-card:nth-child(2) { transition-delay: 0.3s; }

.staff-profile-card:nth-child(3) { transition-delay: 0.4s; }



/* Existing hover effects */

.hover-shadow {

    transition: all 0.3s ease;

}



.hover-shadow:hover {

    transform: translateY(-5px);

    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;

}



.transition {

    transition: all 0.3s ease;

}