body {
    font-family: 'Poppins', sans-serif;
}

.hero-section {
    background-image: url("https://img.freepik.com/free-photo/3d-background-with-white-cubes_23-2150472996.jpg");
    background-size: cover;
}

@keyframes fade-in-up {
    0% {
        opacity: 0;
        transform: translateY(30px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.animate-fade-in-up {
    animation: fade-in-up 1s ease-out;
}

.custom-card {
    will-change: transform;
}


@media (max-width: 770px) {
    .custom\\:flex {
        display: flex !important;
    }

    .custom\\:hidden {
        display: none !important;
    }
}

@keyframes premium-bounce {

    0%,
    80%,
    100% {
        transform: scale(0.8) translateY(0);
        opacity: 0.6;
    }

    40% {
        transform: scale(1.3) translateY(-14px);
        opacity: 1;
    }
}

.animate-premium-bounce {
    animation: premium-bounce 1.4s infinite ease-in-out;
}

.delay-\[0ms\] {
    animation-delay: 0ms;
}

.delay-\[200ms\] {
    animation-delay: 200ms;
}

.delay-\[400ms\] {
    animation-delay: 400ms;
}