@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Arabic:wght@400;500;600;700&display=swap');

body {
    font-family: 'Noto Sans Arabic', sans-serif;
}

.space-x-reverse>*+* {
    margin-right: 2rem;
    margin-left: 0;
}

.space-y-1>*+* {
    margin-top: 0.25rem;
}

.feature-card {
    transition: all 0.3s ease;
}

.feature-card:hover {
    transform: translateY(-5px);
}

.animate-slide-up {
    opacity: 0;
    animation: slideUp 0.5s ease-out forwards;
}

@keyframes slideUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}