body {
            font-family: 'Inter', sans-serif;
        }
        .arabic-font {
            font-family: 'Amiri', serif;
        }
        .hero-bg {
            background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url('https://images.unsplash.com/photo-1562774053-701939374585?ixlib=rb-4.0.3&auto=format&fit=crop&w=2064&q=80');
            background-size: cover;
            background-position: center;
        }
        .section-bg {
            background-color: #f8f5f0;
        }
        .prayer-time {
            transition: all 0.3s ease;
        }
      .prayer-time.active {
    background-color: #059669; /* أخضر داكن متناسق مع التصميم */
    color: white;
    transform: scale(1.05);
}
        .prayer-time:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
        }