/* قواعد إضافية لضمان ظهور الرموز على شاشات الجوال */
@media (max-width: 767px) {
    /* قواعد للرموز في قسم المميزات بأولوية أعلى */
    .feature-icon, 
    .feature-box .feature-icon, 
    .service-features .feature-icon {
        width: 80px !important;
        height: 80px !important;
        background: linear-gradient(135deg, var(--primary-color), var(--secondary-color)) !important;
        color: #fff !important;
        visibility: visible !important;
        opacity: 1 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        margin: 0 auto 1.5rem !important;
        position: relative !important;
        z-index: 10 !important;
        border-radius: 50% !important;
    }
    
    .feature-icon i, 
    .feature-box .feature-icon i, 
    .service-features .feature-icon i,
    .feature-icon .fas, 
    .feature-box .feature-icon .fas, 
    .service-features .feature-icon .fas {
        font-size: 2.2rem !important;
        text-shadow: 0 2px 4px rgba(0,0,0,0.2) !important;
        color: #fff !important;
        visibility: visible !important;
        opacity: 1 !important;
        display: inline-block !important;
        z-index: 11 !important;
    }
    
    /* قواعد خاصة لصفحات الخدمات المحددة */
    .call-center-management .feature-icon,
    .cloud-call-center .feature-icon,
    .crm-system .feature-icon,
    .chatbot-ai-solutions .feature-icon {
        background: linear-gradient(135deg, var(--primary-color), var(--secondary-color)) !important;
        color: #fff !important;
        visibility: visible !important;
        opacity: 1 !important;
        display: flex !important;
    }
    
    .call-center-management .feature-icon i,
    .cloud-call-center .feature-icon i,
    .crm-system .feature-icon i,
    .chatbot-ai-solutions .feature-icon i,
    .call-center-management .feature-icon .fas,
    .cloud-call-center .feature-icon .fas,
    .crm-system .feature-icon .fas,
    .chatbot-ai-solutions .feature-icon .fas {
        color: #fff !important;
        visibility: visible !important;
        opacity: 1 !important;
        display: inline-block !important;
        font-size: 2.2rem !important;
    }
}