.fade-in-text {
    opacity: 0; /* Start with invisible text */
    animation: fadeIn 1.5s ease-in forwards; /* Apply fade-in animation */
}

/* Delay each text element */
.fade-in-text:nth-child(1) {
    animation-delay: 1s; /* First text appears after 1 second */
}

.fade-in-text:nth-child(2) {
    animation-delay: 3s; /* Second text appears after 3 seconds */
}

.fade-in-text:nth-child(3) {
    animation-delay: 5s; /* Third text appears after 5 seconds */
}

.fade-in-text:nth-child(4) {
    animation-delay: 7s; /* Third text appears after 5 seconds */
}

/* Blur Card Styles */
.blur-card {
    position: relative;
    background: rgba(15, 15, 15, 0.7);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-radius: 12px;
    border: 1px solid rgba(225, 208, 125, 0.15);
    padding: 2.5rem;
    box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.4);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 1;
}

.blur-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 15px 50px 0 rgba(0, 0, 0, 0.5);
    border-color: rgba(225, 208, 125, 0.3);
}

/* Keyframes for fade-in animation */
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(20px); /* Optional: Add a slight upward movement */
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}