/* حاوية الجدول */ .table-container { max-width: 900px; margin: 30px auto; padding: 20px; background-color: #ffffff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.08); font-family: 'Arial', sans-serif; direction: rtl; } /* عنوان الجدول */ .table-container h2 { text-align: center; color: #4682B4; margin-bottom: 20px; font-size: 22px; } /* تصميم الجدول */ .table-container table { width: 100%; border-collapse: collapse; text-align: center; } /* رؤوس الأعمدة */ .table-container th { background-color: #d9e4f5; color: #333; padding: 10px; f

/* ===== الحاوية العامة ===== */ .ai-container { max-width: 900px; margin: 30px auto; font-family: 'GE Dinar One', serif; text-align: right; line-height: 1.8; display: flex; flex-direction: column; gap: 20px; } /* ===== صندوق نبذة عن المعمل وصندوق المشرف ===== */ .ai-box-white { background-color: #ffffff; border-radius: 15px; padding: 20px 25px; border: 1px solid #ddd; box-shadow: 0 4px 12px rgba(0,0,0,0.08); } .ai-box-white h3 { font-size: 22px; color: #4682B4; margin-bottom: 10px; display: flex; align-items: center; } .ai-box-white h3::before { /

/* ===== الحاوية العامة ===== */ .ai-container { max-width: 1000px; margin: 30px auto; font-family: 'GE Dinar One', serif; text-align: right; line-height: 1.8; display: flex; flex-direction: column; gap: 20px; } /* ===== صندوق نبذة عن المعمل وصندوق المشرف ===== */ .ai-box-white { background-color: #ffffff; /* خلفية بيضاء */ border-radius: 15px; padding: 20px 25px; border: 1px solid #ddd; box-shadow: 0 4px 12px rgba(0,0,0,0.08); } /* عنوان الصندوق */ .ai-box-white h3 { font-size: 22px; color: #4682B4; margin-bottom: 10px; display: flex; align-items: c

.ai-about { font-family: 'Arial', sans-serif; direction: rtl; max-width: 800px; margin: 30px auto; padding: 20px 25px; background: #ffffff; border-radius: 15px; border: 1px solid #ddd; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); line-height: 1.9; } .ai-about h2 { text-align: center; color: #007bff; margin-bottom: 20px; font-size: 22px; } .ai-about p { font-size: 15px; color: #333; text-align: justify; } /* تحسين العرض على الموبايل */ @media (max-width: 768px) { .ai-about { max-width: 95%; p

.ai-goals { font-family: 'Arial', sans-serif; direction: rtl; max-width: 600px; /* العرض مصغر */ margin: 20px auto; padding: 10px; background-color: #f8f9fa; border-radius: 12px; border: 1px solid #ccc; font-size: 14px; /* خط أصغر */ } .ai-goals h2 { text-align: center; color: #007bff; margin-bottom: 20px; font-size: 18px; } .ai-goals details { margin-bottom: 12px; background: #fff; border: 1px solid #ddd; border-radius: 8px; overflow: hidden; transition: all 0.3s ease; } .ai-goals summary { c