.card {
    transition: transform 0.3s ease;
}

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

/* وسائط استعلام للتكيف مع مختلف أحجام الشاشات */
@media (max-width: 576px) {
    .card-title {
        font-size: 1rem;
    }
}

@media (min-width: 577px) and (max-width: 768px) {
    .card-title {
        font-size: 1.1rem;
    }
}

@media (min-width: 769px) {
    .card-title {
        font-size: 1.25rem;
    }
}