@keyframes bounceIn {

    from,
    20%,
    40%,
    60%,
    80%,
    to {
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        transform: scale3d(0.3, 0.3, 0.3);
    }

    20% {
        transform: scale3d(1.4, 1.4, 1.4);
        /* Increased scale for a stronger bounce */
    }

    40% {
        transform: scale3d(0.9, 0.9, 0.9);
    }

    60% {
        opacity: 1;
        transform: scale3d(1.2, 1.2, 1.2);
        /* Increased scale for a stronger bounce */
    }

    80% {
        transform: scale3d(0.95, 0.95, 0.95);
    }

    to {
        opacity: 1;
        transform: scale3d(1, 1, 1);
    }
}


@keyframes slideIn {
    from {
        transform: translateX(-100%);
        opacity: 0;
    }

    to {
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes zoomIn {
    from {
        transform: scale(0);
        opacity: 0;
    }

    to {
        transform: scale(1);
        opacity: 1;
    }
}

@keyframes rotateIn {
    from {
        transform: rotate(-200deg);
        opacity: 0;
    }

    to {
        transform: rotate(0);
        opacity: 1;
    }
}

@keyframes flipIn {
    from {
        transform: rotateX(90deg);
        opacity: 0;
    }

    to {
        transform: rotateX(0);
        opacity: 1;
    }
}

@keyframes fadeInUp {
    from {
        transform: translateY(50px);
        opacity: 0;
    }

    to {
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes skewIn {
    from {
        transform: skewX(-20deg);
        opacity: 0;
    }

    to {
        transform: skewX(0);
        opacity: 1;
    }
}

@keyframes growIn {
    from {
        transform: scale(0.5);
        opacity: 0;
    }

    to {
        transform: scale(1);
        opacity: 1;
    }
}

@keyframes popIn {
    from {
        transform: scale(0.8);
        opacity: 0;
    }

    to {
        transform: scale(1);
        opacity: 1;
    }
}

@keyframes waveIn {
    from {
        transform: translateX(-50px) rotate(-30deg);
        opacity: 0;
    }

    to {
        transform: translateX(0) rotate(0);
        opacity: 1;
    }
}

.bounce-in-text {
    display: inline-block;
    animation: bounceIn 1s;
}

.slide-in-text {
    display: inline-block;
    animation: slideIn 1s forwards;
}

.zoom-in-text {
    display: inline-block;
    animation: zoomIn 1s forwards;
}

.rotate-in-text {
    display: inline-block;
    animation: rotateIn 1s forwards;
}

.flip-in-text {
    display: inline-block;
    animation: flipIn 1s forwards;
}

.fade-in-up-text {
    display: inline-block;
    animation: fadeInUp 1s forwards;
}

.skew-in-text {
    display: inline-block;
    animation: skewIn 1s forwards;
}

.grow-in-text {
    display: inline-block;
    animation: growIn 1s forwards;
}

.pop-in-text {
    display: inline-block;
    animation: popIn 1s forwards;
}

.wave-in-text {
    display: inline-block;
    animation: waveIn 1s forwards;
}