/* index page styles */
 
 @import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700;900&display=swap');
        body {
            font-family: 'Tajawal', sans-serif;
        }
        .hero-gradient {
            background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%);
        }
        .feature-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
        }
        .popular-badge {
            position: absolute;
            top: -6px;
            left: 50%;
            transform: translateX(-50%);
            background-color: #f59e0b;
            color: white;
            padding: 4px 12px;
            border-radius: 20px;
            font-size: 12px;
            font-weight: bold;
        }
         .pricing-card {
            box-shadow: 0 10px 15px -3px rgba(146, 129, 129, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
        }
        /* Navbar styles */
        nav {
            position: sticky;
            top: 0;
            z-index: 50;
        }
        #mobile-menu {
            transition: all 0.3s ease;
        }
        
        section#offers span {
            margin-right: 6px;
        }

        /* Header  İmage*/
        .header-container {
            position: relative;
            overflow: hidden;
            min-height: 400px; /* ارتفاع مناسب للجوال */
        }

        .header-image {
            position: absolute;
            top: 61%;
            transform: translateY(-50%);
            width: 100%; /* تأخذ عرض كامل على الجوال */
            max-width: 500px;
            opacity: 0.5; /* زيادة الشفافية للجوال */
            z-index: 1;
            display: block !important; /* إجبار الظهور */
        }

        .header-content {
            position: relative;
            z-index: 2;
            padding: 20px; /* هامش داخلي للجوال */
        }

        /* تعديلات الجوال */
        @media (max-width: 768px) {
            .header-image {
                opacity: 0.5;
            }
            .header-container {
                min-height: 500px;
            }
        }
        .border-red-500 {
            border-color: #fbff00 !important;
        }
        /* Modal Styles */
        #autoModal {
            transition: opacity 0.3s ease;
        }
        #autoModal:not(.hidden) {
            display: flex !important;
        }

        /* حركة الأيقونة */
        @keyframes ring {
            0%, 100% { transform: rotate(0deg); }
            25% { transform: rotate(15deg); }
            75% { transform: rotate(-15deg); }
        }

        .fa-phone-alt {
            animation: ring 1.5s infinite;
        }

        /* تنسيق الصورة */
        img.animate-bounce {
            animation: bounce 2s infinite;
        }

        @keyframes bounce {
            0%, 100% { transform: translateY(0); }
            50% { transform: translateY(-10px); }
        }
        /* Mobile menu styles for RTL */
        #mobile-menu {
            right: 0;
            left: auto;
            text-align: right;
        }

        #mobile-menu a {
            display: block;
            padding: 10px 20px;
            text-align: right;
        }

        #mobile-menu-button {
            margin-right: 10px;
        }

        /* Marquee Animation */
        .marquee-container {
            overflow: hidden;
            white-space: nowrap;
        }

        .marquee-content {
            display: inline-block;
            animation: marquee 30s linear infinite;
        }

        @keyframes marquee {
            0% {
                transform: translateX(0);
            }
            100% {
                transform: translateX(-50%);
            }
        }

 /* index page styles */