/* Fade In Animation */

@keyframes fadeIn {

    from {

        opacity: 0;

        transform: translateY(20px);

    }

    to {

        opacity: 1;

        transform: translateY(0);

    }

}



.fade-in {

    animation: fadeIn 1s ease forwards;

}



/* Slide In Animation */

@keyframes slideIn {

    from {

        opacity: 0;

        transform: translateX(-50px);

    }

    to {

        opacity: 1;

        transform: translateX(0);

    }

}



.slide-in {

    animation: slideIn 0.8s ease forwards;

}



/* Pulse Animation for CTA buttons */

@keyframes pulse {

    0% {

        transform: scale(1);

    }

    50% {

        transform: scale(1.05);

    }

    100% {

        transform: scale(1);

    }

}



.cta-button:hover {

    animation: pulse 1s infinite;

}