/* Block 1 */
.hero-title {
            animation-fill-mode: forwards;
        }
        .hero-text {
            animation-fill-mode: forwards;
        }
        .hero-btn {
            animation-fill-mode: forwards;
        }
        @keyframes fade-in-up {
            0% {
                opacity: 0;
                transform: translateY(1.5rem);
            }
            100% {
                opacity: 1;
                transform: translateY(0);
            }
        }
        .delay-100 {
            animation-delay: 100ms;
        }
        .delay-200 {
            animation-delay: 200ms;
        }

/* Block 2 */
.transition-transform {
transition-property: transform;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 300ms;
}
.hover\:scale-110:hover {
transform: scale(1.1);
}
.group:hover .group-hover\:translate-x-1 {
transform: translateX(0.25rem);
}

/* Block 3 */
.animate-pulse {
        animation: pulse 4s cubic-bezier(0.4, 0, 0.6, 1) infinite;
    }
    @keyframes pulse {
        0%, 100% { opacity: 0.2; }
        50% { opacity: 0.4; }
    }

/* Block 4 */
.relative-w-full-py-32-bg-slate-900-overflow-hidden .input-group:focus-within i {
color: #2dd4bf;
}
.relative-w-full-py-32-bg-slate-900-overflow-hidden input:-webkit-autofill,
.relative-w-full-py-32-bg-slate-900-overflow-hidden input:-webkit-autofill:hover,
.relative-w-full-py-32-bg-slate-900-overflow-hidden input:-webkit-autofill:focus {
-webkit-text-fill-color: #ffffff;
-webkit-box-shadow: 0 0 0px 1000px #0f172a inset;
transition: background-color 5000s ease-in-out 0s;
}