.hidden {
    opacity: 0;
    filter: blur(5px);
    transform: translateY(10%);
    transition: all 0.8s;
    overflow: hidden;
}

.show {
    position: relative;
    opacity: 1;
    filter: blur(0);
    transform: translateY(0%);
    overflow: visible;

}

.pulse {
    animation: pulse-animation 2s infinite;
}

.fastfadeIn {
    opacity: 0;
    /* Start with zero opacity */
    animation-name: fadeInAnimation;
    animation-duration: 1.5s;
    /* Adjust the duration as needed */
    animation-timing-function: ease-in;
    /* Adjust the timing function as needed */
    animation-fill-mode: forwards;
    /* Keeps the final state of the animation */
    animation-delay:0.2s;
}

@keyframes pulse-animation {
    0% {
        scale: 0.9;
    }

    50% {
        scale: 1.15;
    }

    100% {
        scale: 0.9;
    }
}




@media (max-width: 576px) {
    .hidden {
        opacity: 0;
        filter: blur(5px);
        transition: all 0.8s;
    }

    .show {
        position: relative;
        opacity: 1;
        filter: blur(0);
        overflow-x: visible;
    }
}

@media(prefers-reduced-motion) {
    .hidden {
        transition: none;
    }
}