/* إعدادات الهيدر العامة */
.site-header {
    background-color: #ffffff;
    border-bottom: 1px solid #e5e7eb;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    direction: rtl;
    font-family: 'Cairo', sans-serif;
}

.header-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 15px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: center;
}

/* شعارات الهيدر */
.header-logo img {
    height: 60px;
    width: auto;
    object-fit: contain;
}

/* العناوين الوسطى */
.header-titles {
    flex-grow: 1;
    margin: 0 20px;
}

.main-title {
    font-size: 1.25rem;
    font-weight: 700;
    color: #1e3a8a; /* درجة الأزرق الرسمية */
    margin: 0 0 5px 0;
}

.sub-title {
    font-size: 0.95rem;
    color: #4b5563;
    font-weight: 500;
}

/* قائمة التنقل */
.main-nav {
    background-color: #f8fafc;
    border-top: 1px solid #e2e8f0;
    display: flex;
    justify-content: center;
}

.main-nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    gap: 15px;
}

.main-nav li a {
    display: block;
    padding: 12px 20px;
    color: #334155;
    text-decoration: none;
    font-weight: 600;
    font-size: 0.95rem;
    transition: all 0.3s ease;
    border-radius: 20px;
    margin: 6px 0;
}

.main-nav li a:hover,
.main-nav li a.active {
    background-color: #1e3a8a;
    color: #ffffff;
}

/* التجاوب مع الشاشات الصغيرة (Responsive) */
@media (max-width: 768px) {
    .header-container {
        flex-direction: column;
        gap: 15px;
    }
    .header-titles {
        margin: 0;
    }
    .main-title {
        font-size: 1rem;
    }
    .main-nav ul {
        flex-wrap: wrap;
        justify-content: center;
        gap: 5px;
    }
}
                    
            <div class="breadcrumb-place ">
                <div class="row clearfix">
                    <h1 class="page-title">مرحبـــا impa</h1>
                </div><!-- row -->
            </div><!-- breadcrumb -->
                    
            
                     

		<div class="page-content">
           <div class="row clearfix">
           

  					                    
                  	<p>&nbsp;</p>
<div class="App">
<div class="content" style="direction: rtl; font-family: Tahoma, Arial, sans-serif;">
<section style="background: linear-gradient(135deg, #0054a6 0%, #003366 100%); color: white; padding: 60px 20px; text-align: center; border-radius: 15px; margin: 20px; box-shadow: rgba(0, 84, 166, 0.3) 0px 8px 32px; direction: rtl;">
<h1 style="font-size: 3rem; margin-bottom: 20px; text-shadow: rgba(0, 0, 0, 0.3) 2px 2px 4px;">مرحباً بكم في IMPA EGYPT</h1>
<p style="font-size: 1.3rem; max-width: 800px; margin: 0px auto; line-height: 1.6;">IMPA EGYPT</p>
<p style="font-size: 1.1rem; max-width: 800px; margin: 20px auto 0px; line-height: 1.6; opacity: 0.9;">الهيئة الرائدة في تنفيذ المشروعات الصناعية والتعدينية في مصر</p>
<p style="font-size: 1rem; max-width: 800px; margin: 20px auto 0px; line-height: 1.6; opacity: 0.8;">اكتشف مشاريعنا الجارية وأحدث الأخبار وإنجازاتنا في التطوير الصناعي والعمليات التعدينية في جميع أنحاء مصر</p>
</section>
<section style="padding: 40px 20px; max-width: 1200px; margin: 0px auto; direction: rtl;">
<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px;">
<div style="background: white; padding: 30px; border-radius: 15px; box-shadow: rgba(0, 0, 0, 0.1) 0px 6px 20px; text-align: center;">
<div style="font-size: 3rem; margin-bottom: 20px;">🎯</div>
<h3 style="color: #2c3e50; margin-bottom: 15px;">مهمتنا</h3>
<p style="color: #34495e; line-height: 1.6; text-align: right;">تنفيذ وإدارة المشروعات الصناعية والتعدينية ذات القيمة المضافة العالية، وتشجيع الاستثمارات، ودعم المشروعات الصغيرة والمتوسطة لخلق فرص عمل، مع الالتزام بالجودة والابتكار والتنمية المستدامة</p>
</div>
<div style="background: white; padding: 30px; border-radius: 15px; box-shadow: rgba(0, 0, 0, 0.1) 0px 6px 20px; text-align: center;">
<div style="font-size: 3rem; margin-bottom: 20px;">🔮</div>
<h3 style="color: #2c3e50; margin-bottom: 15px;">رؤيتنا</h3>
<p style="color: #34495e; line-height: 1.6; text-align: right;">أن نصبح بيت الخبرة الاستشاري الرائد في مصر والشرق الأوسط وشمال أفريقيا، بما يساهم بفعالية في التنمية والاستثمار القومي، ويدعم الدور الإقليمي لمصر</p>
</div>
</div>
</section>
<section style="padding: 40px 20px; max-width: 1200px; margin: 0px auto; direction: rtl;">
<h2 style="text-align: center; margin-bottom: 40px; color: #2c3e50; font-size: 2.5rem;">الخدمات الأساسية</h2>
<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 25px;">
<div style="background: white; padding: 25px; border-radius: 12px; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 15px; text-align: center; transition: transform 0.3s;">
<div style="font-size: 2.5rem; margin-bottom: 15px;">🏭</div>
<h4 style="color: #2c3e50; margin-bottom: 10px;">التطوير الصناعي</h4>
<p style="color: #34495e; font-size: 0.95rem; text-align: right;">تخطيط وتنفيذ المناطق الصناعية والمنشآت التصنيعية</p>
</div>
<div style="background: white; padding: 25px; border-radius: 12px; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 15px; text-align: center; transition: transform 0.3s;">
<div style="font-size: 2.5rem; margin-bottom: 15px;">🚢</div>
<h4 style="color: #2c3e50; margin-bottom: 10px;">البنية التحتية للموانئ</h4>
<p style="color: #34495e; font-size: 0.95rem; text-align: right;">تطوير وتحديث مرافق الموانئ والبنية التحتية البحرية</p>
</div>
<div style="background: white; padding: 25px; border-radius: 12px; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 15px; text-align: center; transition: transform 0.3s;">
<div style="font-size: 2.5rem; margin-bottom: 15px;">⚙️</div>
<h4 style="color: #2c3e50; margin-bottom: 10px;">العمليات التعدينية</h4>
<p style="color: #34495e; font-size: 0.95rem; text-align: right;">إدارة المشروعات التعدينية وتطوير الموارد المعدنية</p>
</div>
<div style="background: white; padding: 25px; border-radius: 12px; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 15px; text-align: center; transition: transform 0.3s;">
<div style="font-size: 2.5rem; margin-bottom: 15px;">🌍</div>
<h4 style="color: #2c3e50; margin-bottom: 10px;">التعاون الدولي</h4>
<p style="color: #34495e; font-size: 0.95rem; text-align: right;">بناء الشراكات مع المنظمات الدولية والمستثمرين</p>
</div>
<div style="background: white; padding: 25px; border-radius: 12px; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 15px; text-align: center; transition: transform 0.3s;">
<div style="font-size: 2.5rem; margin-bottom: 15px;">👥</div>
<h4 style="color: #2c3e50; margin-bottom: 10px;">بناء القدرات</h4>
<p style="color: #34495e; font-size: 0.95rem; text-align: right;">برامج التدريب والتطوير للمهنيين في الصناعة</p>
</div>
<div style="background: white; padding: 25px; border-radius: 12px; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 15px; text-align: center; transition: transform 0.3s;">
<div style="font-size: 2.5rem; margin-bottom: 15px;">🏆</div>
<h4 style="color: #2c3e50; margin-bottom: 10px;">ضمان الجودة</h4>
<p style="color: #34495e; font-size: 0.95rem; text-align: right;">ضمان المعايير العالية في جميع مخرجات المشروع والعمليات</p>
</div>
</div>
</section>
<section style="padding: 40px 20px; max-width: 1200px; margin: 0px auto; direction: rtl;">
<h2 style="text-align: center; margin-bottom: 40px; color: #2c3e50; font-size: 2.5rem;">IMPA EGYPT في أرقام</h2>
<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 30px;">
<div style="text-align: center;">
<div style="font-size: 3rem; color: #3498db; margin-bottom: 10px; font-weight: bold;">150+</div>
<p style="color: #34495e; font-size: 1.1rem;">مشروع نشط</p>
</div>
<div style="text-align: center;">
<div style="font-size: 3rem; color: #27ae60; margin-bottom: 10px; font-weight: bold;">25+</div>
<p style="color: #34495e; font-size: 1.1rem;">سنة خبرة</p>
</div>
<div style="text-align: center;">
<div style="font-size: 3rem; color: #e74c3c; margin-bottom: 10px; font-weight: bold;">500+</div>
<p style="color: #34495e; font-size: 1.1rem;">عضو فريق</p>
</div>
<div style="text-align: center;">
<div style="font-size: 3rem; color: #f39c12; margin-bottom: 10px; font-weight: bold;">15+</div>
<p style="color: #34495e; font-size: 1.1rem;">محافظة</p>
</div>
</div>
</section>
<section style="padding: 20px; max-width: 800px; margin: 0px auto; direction: rtl;">
<form style="display: flex; gap: 10px; flex-wrap: wrap; justify-content: center;"><input style="flex: 1 1 0%; min-width: 300px; padding: 12px 20px; border: 2px solid #e0e0e0; border-radius: 25px; font-size: 1rem; outline: none; transition: border-color 0.3s; text-align: right; direction: rtl;" type="text" value="" placeholder="البحث في المشاريع بالاسم أو الوصف أو الرقم التعريفي..." /><button style="background: linear-gradient(45deg, #3498db, #2980b9); color: white; padding: 12px 25px; border-radius: 25px; font-size: 1rem; cursor: pointer; transition: 0.3s; box-shadow: rgba(52, 152, 219, 0.3) 0px 4px 15px; border: medium none currentcolor;" type="submit">بحث</button></form>
</section>
<section style="padding: 20px; max-width: 1200px; margin: 0px auto; direction: rtl;">
<h3 style="text-align: center; margin-bottom: 30px; color: #2c3e50; font-size: 2rem;">المشاريع المميزة</h3>
<div style="text-align: center; margin-bottom: 20px;"><button style="background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; padding: 15px 30px; border-radius: 30px; font-size: 1.1rem; font-weight: 600; cursor: pointer; transition: 0.4s; box-shadow: rgba(102, 126, 234, 0.4) 0px 8px 25px; transform: translateY(0px); text-transform: uppercase; letter-spacing: 1px; border: medium none currentcolor;">⟳ تحديث البيانات</button></div>
<div class="all-projects">
<div class="projects-grid" style="display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 25px;">
<div class="project-card" style="background: white; border-radius: 15px; box-shadow: rgba(0, 0, 0, 0.1) 0px 6px 20px; transition: transform 0.3s, box-shadow 0.3s; cursor: pointer; overflow: hidden; display: flex; flex-direction: column; min-height: 450px; transform: translateY(0px);">
<div style="width: 100%; height: 250px; overflow: hidden; background-color: #f8f9fa;"><img decoding="async" style="width: 100%; height: 100%; object-fit: cover; object-position: center center;" src="/project1.jpg" alt="المنطقة الحرفية بالترامسة - المرحلة الأولى" /></div>
<div style="padding: 20px; display: flex; flex-direction: column; flex: 1 1 0%;">
<h4 style="color: #2c3e50; margin-bottom: 15px; font-size: 1.3rem; text-align: right; flex: 0 0 auto;">المنطقة الحرفية بالترامسة &#8211; المرحلة الأولى</h4>
<p style="color: #34495e; line-height: 1.5; font-size: 0.95rem; flex: 1 1 0%; margin-bottom: 20px; text-align: right;">مشروع إنشاء منطقة حرفية متكاملة بالترامسة بمحافظة قنا، يستهدف دعم الاقتصاد المحلي وتوفير فرص عمل جديدة، مع نسبة إنجاز وص&#8230;</p>
<div class="project-actions" style="margin-top: auto;"><button class="view-btn" style="background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; padding: 14px 24px; border-radius: 30px; font-size: 1.05rem; font-weight: 600; cursor: pointer; transition: 0.4s; width: 100%; box-shadow: rgba(102, 126, 234, 0.3) 0px 6px 20px; transform: translateY(0px); letter-spacing: 0.5px; border: medium none currentcolor;">🔍 عرض التفاصيل</button></div>
</div>
</div>
<div class="project-card" style="background: white; border-radius: 15px; box-shadow: rgba(0, 0, 0, 0.1) 0px 6px 20px; transition: transform 0.3s, box-shadow 0.3s; cursor: pointer; overflow: hidden; display: flex; flex-direction: column; min-height: 450px; transform: translateY(0px);">
<div style="width: 100%; height: 250px; overflow: hidden; background-color: #f8f9fa;"><img decoding="async" style="width: 100%; height: 100%; object-fit: cover; object-position: center center;" src="/project2.jpg" alt="تطوير المنطقة الصناعية بمدينة أكتوبر الجديدة" /></div>
<div style="padding: 20px; display: flex; flex-direction: column; flex: 1 1 0%;">
<h4 style="color: #2c3e50; margin-bottom: 15px; font-size: 1.3rem; text-align: right; flex: 0 0 auto;">تطوير المنطقة الصناعية بمدينة أكتوبر الجديدة</h4>
<p style="color: #34495e; line-height: 1.5; font-size: 0.95rem; flex: 1 1 0%; margin-bottom: 20px; text-align: right;">ترفيق 420 فداناً بالمنطقة الصناعية الثالثة بمدينة أكتوبر الجديدة ضمن بروتوكول تعاون بين الهيئة العامة للتنمية الصناعية و&#8230;</p>
<div class="project-actions" style="margin-top: auto;"><button class="view-btn" style="background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; padding: 14px 24px; border-radius: 30px; font-size: 1.05rem; font-weight: 600; cursor: pointer; transition: 0.4s; width: 100%; box-shadow: rgba(102, 126, 234, 0.3) 0px 6px 20px; transform: translateY(0px); letter-spacing: 0.5px; border: medium none currentcolor;">🔍 عرض التفاصيل</button></div>
</div>
</div>
<div class="project-card" style="background: white; border-radius: 15px; box-shadow: rgba(0, 0, 0, 0.1) 0px 6px 20px; transition: transform 0.3s, box-shadow 0.3s; cursor: pointer; overflow: hidden; display: flex; flex-direction: column; min-height: 450px; transform: translateY(0px);">
<div style="width: 100%; height: 250px; overflow: hidden; background-color: #f8f9fa;"><img decoding="async" style="width: 100%; height: 100%; object-fit: cover; object-position: center center;" src="/project3.jpg" alt="مركز تدريب بحري حديث ببورسعيد" /></div>
<div style="padding: 20px; display: flex; flex-direction: column; flex: 1 1 0%;">
<h4 style="color: #2c3e50; margin-bottom: 15px; font-size: 1.3rem; text-align: right; flex: 0 0 auto;">مركز تدريب بحري حديث ببورسعيد</h4>
<p style="color: #34495e; line-height: 1.5; font-size: 0.95rem; flex: 1 1 0%; margin-bottom: 20px; text-align: right;">إنشاء مركز متكامل للتدريب البحري بمحافظة بورسعيد، مجهز بأحدث أجهزة المحاكاة ومصمم لتأهيل أكثر من 2000 متدرب سنوياً&#8230;.</p>
<div class="project-actions" style="margin-top: auto;"><button class="view-btn" style="background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; padding: 14px 24px; border-radius: 30px; font-size: 1.05rem; font-weight: 600; cursor: pointer; transition: 0.4s; width: 100%; box-shadow: rgba(102, 126, 234, 0.3) 0px 6px 20px; transform: translateY(0px); letter-spacing: 0.5px; border: medium none currentcolor;">🔍 عرض التفاصيل</button></div>
</div>
</div>
<div class="project-card" style="background: white; border-radius: 15px; box-shadow: rgba(0, 0, 0, 0.1) 0px 6px 20px; transition: transform 0.3s, box-shadow 0.3s; cursor: pointer; overflow: hidden; display: flex; flex-direction: column; min-height: 450px;">
<div style="width: 100%; height: 250px; overflow: hidden; background-color: #f8f9fa;"><img decoding="async" style="width: 100%; height: 100%; object-fit: cover; object-position: center center;" src="/project4.jpg" alt="منظومة الموانئ الذكية" /></div>
<div style="padding: 20px; display: flex; flex-direction: column; flex: 1 1 0%;">
<h4 style="color: #2c3e50; margin-bottom: 15px; font-size: 1.3rem; text-align: right; flex: 0 0 auto;">منظومة الموانئ الذكية</h4>
<p style="color: #34495e; line-height: 1.5; font-size: 0.95rem; flex: 1 1 0%; margin-bottom: 20px; text-align: right;">تنفيذ نظام تشغيل رقمي متطور بالموانئ المصرية يشمل استخدام الذكاء الاصطناعي وإنترنت الأشياء لمتابعة حركة السفن والبضائع&#8230;.</p>
<div class="project-actions" style="margin-top: auto;"><button class="view-btn" style="background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; padding: 14px 24px; border-radius: 30px; font-size: 1.05rem; font-weight: 600; cursor: pointer; transition: 0.4s; width: 100%; box-shadow: rgba(102, 126, 234, 0.3) 0px 6px 20px; transform: translateY(0px); letter-spacing: 0.5px; border: medium none currentcolor;">🔍 عرض التفاصيل</button></div>
</div>
</div>
</div>
</div>
</section>
<section style="padding: 20px; max-width: 1200px; margin: 0px auto; direction: rtl;">
<h3 style="text-align: center; margin-bottom: 30px; color: #2c3e50; font-size: 2rem;">آخر الأخبار والتحديثات</h3>
<div style="position: relative;">
<p><button style="position: absolute; right: -15px; top: 50%; transform: translateY(-50%); background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; border-radius: 50%; width: 60px; height: 60px; font-size: 1.8rem; cursor: pointer; z-index: 10; box-shadow: rgba(102, 126, 234, 0.4) 0px 8px 25px; transition: 0.4s; display: flex; align-items: center; justify-content: center; font-weight: bold; border: medium none currentcolor;">❮</button><button style="position: absolute; left: -15px; top: 50%; transform: translateY(-50%); background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; border-radius: 50%; width: 60px; height: 60px; font-size: 1.8rem; cursor: pointer; z-index: 10; box-shadow: rgba(102, 126, 234, 0.4) 0px 8px 25px; transition: 0.4s; display: flex; align-items: center; justify-content: center; font-weight: bold; border: medium none currentcolor;">❯</button></p>
<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); gap: 25px; transition: 0.8s cubic-bezier(0.4, 0, 0.2, 1); padding: 0px 30px;">
<article style="background: white; border-radius: 20px; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.12) 0px 8px 30px; transition: 0.5s cubic-bezier(0.4, 0, 0.2, 1); cursor: pointer; animation: 0.8s ease-out 0s 1 normal both running slideInFromRight; transform: translateX(0px); opacity: 1; display: flex; flex-direction: column; min-height: 500px;">
<div style="width: 100%; height: 320px; overflow: hidden; position: relative; background-color: #f8f9fa;">
<p><img decoding="async" style="width: 100%; height: 100%; object-fit: cover; object-position: center center; transition: transform 0.5s;" src="/news3.jpg" alt="إنشاء مركز تدريب بحري حديث ببورسعيد" /></p>
<div style="position: absolute; inset: 0px; background: linear-gradient(135deg, rgba(102, 126, 234, 0.1) 0%, rgba(118, 75, 162, 0.1) 100%); opacity: 0; transition: opacity 0.3s;"></div>
</div>
<div style="padding: 30px; text-align: center; display: flex; flex-direction: column; flex: 1 1 0%;">
<h4 style="font-size: 1.4rem; color: #2c3e50; margin-bottom: 25px; line-height: 1.5; font-weight: bold; letter-spacing: 0.3px; flex: 1 1 0%; text-align: right;">إنشاء مركز تدريب بحري حديث ببورسعيد</h4>
<p><button style="background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; padding: 16px 28px; border-radius: 30px; font-size: 1.1rem; font-weight: 600; cursor: pointer; transition: 0.4s; width: 100%; box-shadow: rgba(102, 126, 234, 0.3) 0px 8px 25px; transform: translateY(0px); letter-spacing: 0.5px; text-transform: uppercase; margin-top: auto; border: medium none currentcolor;">عرض التفاصيل</button></p>
</div>
</article>
<article style="background: white; border-radius: 20px; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.12) 0px 8px 30px; transition: 0.5s cubic-bezier(0.4, 0, 0.2, 1); cursor: pointer; animation: 0.8s ease-out 0.1s 1 normal both running slideInFromRight; transform: translateX(0px); opacity: 1; display: flex; flex-direction: column; min-height: 500px;">
<div style="width: 100%; height: 320px; overflow: hidden; position: relative; background-color: #f8f9fa;">
<p><img decoding="async" style="width: 100%; height: 100%; object-fit: cover; object-position: center center; transition: transform 0.5s;" src="/news4.jpg" alt="إطلاق منظومة الموانئ الذكية" /></p>
<div style="position: absolute; inset: 0px; background: linear-gradient(135deg, rgba(102, 126, 234, 0.1) 0%, rgba(118, 75, 162, 0.1) 100%); opacity: 0; transition: opacity 0.3s;"></div>
</div>
<div style="padding: 30px; text-align: center; display: flex; flex-direction: column; flex: 1 1 0%;">
<h4 style="font-size: 1.4rem; color: #2c3e50; margin-bottom: 25px; line-height: 1.5; font-weight: bold; letter-spacing: 0.3px; flex: 1 1 0%; text-align: right;">إطلاق منظومة الموانئ الذكية</h4>
<p><button style="background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; padding: 16px 28px; border-radius: 30px; font-size: 1.1rem; font-weight: 600; cursor: pointer; transition: 0.4s; width: 100%; box-shadow: rgba(102, 126, 234, 0.3) 0px 8px 25px; transform: translateY(0px); letter-spacing: 0.5px; text-transform: uppercase; margin-top: auto; border: medium none currentcolor;">عرض التفاصيل</button></p>
</div>
</article>
<article style="background: white; border-radius: 20px; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.12) 0px 8px 30px; transition: 0.5s cubic-bezier(0.4, 0, 0.2, 1); cursor: pointer; animation: 0.8s ease-out 0.2s 1 normal both running slideInFromRight; transform: translateX(0px); opacity: 1; display: flex; flex-direction: column; min-height: 500px;">
<div style="width: 100%; height: 320px; overflow: hidden; position: relative; background-color: #f8f9fa;">
<p><img decoding="async" style="width: 100%; height: 100%; object-fit: cover; object-position: center center; transition: transform 0.5s;" src="/new_5.jpg" alt="كامل الوزير يزور مترو الرياض ويبحث التعاون الصناعي المصري السعودي" /></p>
<div style="position: absolute; inset: 0px; background: linear-gradient(135deg, rgba(102, 126, 234, 0.1) 0%, rgba(118, 75, 162, 0.1) 100%); opacity: 0; transition: opacity 0.3s;"></div>
</div>
<div style="padding: 30px; text-align: center; display: flex; flex-direction: column; flex: 1 1 0%;">
<h4 style="font-size: 1.4rem; color: #2c3e50; margin-bottom: 25px; line-height: 1.5; font-weight: bold; letter-spacing: 0.3px; flex: 1 1 0%; text-align: right;">كامل الوزير يزور مترو الرياض ويبحث التعاون الصناعي المصري السعودي</h4>
<p><button style="background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; padding: 16px 28px; border-radius: 30px; font-size: 1.1rem; font-weight: 600; cursor: pointer; transition: 0.4s; width: 100%; box-shadow: rgba(102, 126, 234, 0.3) 0px 8px 25px; transform: translateY(0px); letter-spacing: 0.5px; text-transform: uppercase; margin-top: auto; border: medium none currentcolor;">عرض التفاصيل</button></p>
</div>
</article>
</div>
<div style="display: flex; justify-content: center; gap: 12px; margin-top: 35px;"></div>
<div style="text-align: center; margin-top: 20px; font-size: 1rem; font-weight: 600;"><span style="background: linear-gradient(135deg, #27ae60 0%, #2ecc71 100%); color: white; padding: 8px 20px; border-radius: 25px; font-size: 0.9rem; font-weight: 600; transition: 0.4s; box-shadow: rgba(39, 174, 96, 0.3) 0px 6px 20px; letter-spacing: 0.5px; text-transform: uppercase;">▶ تشغيل تلقائي</span></div>
</div>
</section>
<section style="padding: 40px 20px; max-width: 1200px; margin: 0px auto; direction: rtl;">
<h2 style="text-align: center; margin-bottom: 40px; color: #2c3e50; font-size: 2.5rem;">فريق القيادة</h2>
<div style="text-align: center; margin-bottom: 20px;"><button style="background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; padding: 12px 24px; border-radius: 25px; font-size: 1rem; font-weight: 600; cursor: pointer; transition: 0.4s; box-shadow: rgba(102, 126, 234, 0.3) 0px 6px 20px; transform: translateY(0px); letter-spacing: 0.5px; border: medium none currentcolor;">⟳ تحديث فريق العمل</button></div>
<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px; padding: 30px; direction: rtl; font-family: Tahoma, Arial, sans-serif; text-align: center; background-color: #f2f6fa; border-radius: 16px;">
<div style="background: white; border-radius: 16px; padding: 20px; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 10px; transition: transform 0.3s, box-shadow 0.3s;">
<div style="width: 100px; height: 100px; margin: 0px auto 15px; border-radius: 50%; overflow: hidden; border: 3px solid #3498db; box-shadow: rgba(52, 152, 219, 0.3) 0px 4px 15px; background-color: #f8f9fa;"><img decoding="async" style="width: 100%; height: 100%; object-fit: cover; object-position: center center;" src="/كامل الوزير.jpg" alt="الفريق مهندس/ كامل الوزير" /></div>
<h3 style="margin: 10px 0px; color: #222222; font-size: 1.1rem; text-align: right;">الفريق مهندس/ كامل الوزير</h3>
<p style="color: #555555; font-size: 0.9rem; line-height: 1.4; text-align: right;">وزير النقل والصناعة ورئيس مجلس الإدارة</p>
<div style="background: #3498db; color: white; padding: 5px 12px; border-radius: 15px; font-size: 0.8rem; margin-top: 10px; display: inline-block;">الرئيس</div>
</div>
<div style="background: white; border-radius: 16px; padding: 20px; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 10px; transition: transform 0.3s, box-shadow 0.3s;">
<div style="width: 100px; height: 100px; margin: 0px auto 15px; border-radius: 50%; overflow: hidden; border: 3px solid #3498db; box-shadow: rgba(52, 152, 219, 0.3) 0px 4px 15px; background-color: #f8f9fa;"><img decoding="async" style="width: 100%; height: 100%; object-fit: cover; object-position: center center;" src=" /تيسير.png" alt="المهندس/ تيسير ممدوح خاطر" /></div>
<h3 style="margin: 10px 0px; color: #222222; font-size: 1.1rem; text-align: right;">المهندس/ تيسير ممدوح خاطر</h3>
<p style="color: #555555; font-size: 0.9rem; line-height: 1.4; text-align: right;">رئيس الجهاز التنفيذي للمشروعات الصناعية والتعدينية مقرر مجلس الإدارة</p>
<div style="background: #3498db; color: white; padding: 5px 12px; border-radius: 15px; font-size: 0.8rem; margin-top: 10px; display: inline-block;">المدير التنفيذي</div>
</div>
<div style="background: white; border-radius: 16px; padding: 20px; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 10px; transition: transform 0.3s, box-shadow 0.3s;">
<div style="width: 100px; height: 100px; margin: 0px auto 15px; border-radius: 50%; background: #ecf0f1; display: flex; align-items: center; justify-content: center; font-size: 2.5rem; color: #bdc3c7;">👤</div>
<h3 style="margin: 10px 0px; color: #222222; font-size: 1.1rem; text-align: right;">المستشار/ محمد ممدوح بدران</h3>
<p style="color: #555555; font-size: 0.9rem; line-height: 1.4; text-align: right;">نائب رئيس مجلس الدولة</p>
<div style="background: #3498db; color: white; padding: 5px 12px; border-radius: 15px; font-size: 0.8rem; margin-top: 10px; display: inline-block;">عضو مجلس الدولة</div>
</div>
<div style="background: white; border-radius: 16px; padding: 20px; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 10px; transition: transform 0.3s, box-shadow 0.3s;">
<div style="width: 100px; height: 100px; margin: 0px auto 15px; border-radius: 50%; background: #ecf0f1; display: flex; align-items: center; justify-content: center; font-size: 2.5rem; color: #bdc3c7;">👤</div>
<h3 style="margin: 10px 0px; color: #222222; font-size: 1.1rem; text-align: right;">اللواء أ.ح مهندس/ ناصر فوزي محمد</h3>
<p style="color: #555555; font-size: 0.9rem; line-height: 1.4; text-align: right;">مدير المركز الوطني لتخطيط استخدامات أراضي الدولة</p>
<div style="background: #3498db; color: white; padding: 5px 12px; border-radius: 15px; font-size: 0.8rem; margin-top: 10px; display: inline-block;">عضو وزارة التخطيط</div>
</div>
<div style="background: white; border-radius: 16px; padding: 20px; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 10px; transition: transform 0.3s, box-shadow 0.3s;">
<div style="width: 100px; height: 100px; margin: 0px auto 15px; border-radius: 50%; background: #ecf0f1; display: flex; align-items: center; justify-content: center; font-size: 2.5rem; color: #bdc3c7;">👤</div>
<h3 style="margin: 10px 0px; color: #222222; font-size: 1.1rem; text-align: right;">اللواء أ.ح مهندس/ إيهاب محمد أمين</h3>
<p style="color: #555555; font-size: 0.9rem; line-height: 1.4; text-align: right;">مساعد وزير التجارة للشئون الفنية ممثل وزارة التجارة والصناعة</p>
<div style="background: #3498db; color: white; padding: 5px 12px; border-radius: 15px; font-size: 0.8rem; margin-top: 10px; display: inline-block;">عضو وزارة التجارة</div>
</div>
<div style="background: white; border-radius: 16px; padding: 20px; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 10px; transition: transform 0.3s, box-shadow 0.3s;">
<div style="width: 100px; height: 100px; margin: 0px auto 15px; border-radius: 50%; background: #ecf0f1; display: flex; align-items: center; justify-content: center; font-size: 2.5rem; color: #bdc3c7;">👤</div>
<h3 style="margin: 10px 0px; color: #222222; font-size: 1.1rem; text-align: right;">د. أحلام فاروق عبد الحميد</h3>
<p style="color: #555555; font-size: 0.9rem; line-height: 1.4; text-align: right;">رئيس الإدارة المركزية لتحسين البيئة الصناعية والطاقة ممثل وزارة البيئة</p>
<div style="background: #3498db; color: white; padding: 5px 12px; border-radius: 15px; font-size: 0.8rem; margin-top: 10px; display: inline-block;">عضو وزارة البيئة</div>
</div>
<div style="background: white; border-radius: 16px; padding: 20px; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 10px; transition: transform 0.3s, box-shadow 0.3s;">
<div style="width: 100px; height: 100px; margin: 0px auto 15px; border-radius: 50%; background: #ecf0f1; display: flex; align-items: center; justify-content: center; font-size: 2.5rem; color: #bdc3c7;">👤</div>
<h3 style="margin: 10px 0px; color: #222222; font-size: 1.1rem; text-align: right;">د. ناهد يوسف عبده</h3>
<p style="color: #555555; font-size: 0.9rem; line-height: 1.4; text-align: right;">رئيس الهيئة العامة للتنمية الصناعية</p>
<div style="background: #3498db; color: white; padding: 5px 12px; border-radius: 15px; font-size: 0.8rem; margin-top: 10px; display: inline-block;">عضو الهيئة الصناعية</div>
</div>
</div>
</section>
<section style="text-align: center; padding: 40px 20px; background: linear-gradient(135deg, #0054a6 0%, #003366 100%); color: white; border-radius: 15px; margin: 40px 20px; direction: rtl;">
<h3 style="font-size: 2rem; margin-bottom: 20px;">اكتشف المزيد من مشاريع IMPA EGYPT</h3>
<p style="font-size: 1.1rem; margin-bottom: 30px; opacity: 0.9;">اكتشف محفظتنا الكاملة من المشاريع الصناعية والتعدينية في جميع أنحاء مصر</p>
<p><button style="background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; padding: 18px 35px; border-radius: 30px; font-size: 1.2rem; font-weight: bold; cursor: pointer; transition: 0.4s; box-shadow: rgba(102, 126, 234, 0.4) 0px 8px 25px; transform: translateY(0px); letter-spacing: 1px; text-transform: uppercase; border: medium none currentcolor;">عرض جميع المشاريع</button></p>
</section>
<style>
          @keyframes fadeInUp {<br />            from {<br />              opacity: 0;<br />              transform: translateY(30px);<br />            }<br />            to {<br />              opacity: 1;<br />              transform: translateY(0);<br />            }<br />          }</p>
<p>          @keyframes slideInFromRight {<br />            from {<br />              opacity: 0;<br />              transform: translateX(-50px);<br />            }<br />            to {<br />              opacity: 1;<br />              transform: translateX(0);<br />            }<br />          }</p>
<p>          @keyframes slideInFromLeft {<br />            from {<br />              opacity: 0;<br />              transform: translateX(50px);<br />            }<br />            to {<br />              opacity: 1;<br />              transform: translateX(0);<br />            }<br />          }</p>
<p>          .news-card-exit {<br />            animation: slideOutToLeft 0.5s ease-in-out forwards;<br />          }</p>
<p>          @keyframes slideOutToLeft {<br />            from {<br />              opacity: 1;<br />              transform: translateX(0);<br />            }<br />            to {<br />              opacity: 0;<br />              transform: translateX(50px);<br />            }<br />          }</p>
<p>          .project-card:hover .view-btn {<br />            transform: translateY(-2px);<br />            box-shadow: 0 10px 30px rgba(102, 126, 234, 0.5);<br />          }</p>
<p>          /* RTL-specific styles */<br />          .content {<br />            font-family: 'Tahoma', 'Arial', sans-serif;<br />          }</p>
<p>          .content * {<br />            direction: inherit;<br />          }</p>
<p>          /* Ensure images are consistently sized across all cards */<br />          .consistent-image {<br />            width: 100%;<br />            height: 250px;<br />            object-fit: cover;<br />            object-position: center;<br />            background-color: #f8f9fa;<br />          }</p>
<p>          /* Responsive image handling */<br />          @media (max-width: 768px) {<br />            .consistent-image {<br />              height: 200px;<br />            }<br />          }</p>
<p>          /* Enhanced RTL support for flex layouts */<br />          .rtl-flex {<br />            display: flex;<br />            flex-direction: row-reverse;<br />          }</p>
<p>          /* Better Arabic text rendering */<br />          .arabic-text {<br />            font-family: 'Tahoma', 'Arial', 'Segoe UI', sans-serif;<br />            line-height: 1.8;<br />            letter-spacing: 0.02em;<br />          }<br />        </style>
</div>
<p>&nbsp;</p>
<footer style="background: linear-gradient(135deg, #1a252f 0%, #2c3e50 50%, #34495e 100%); color: white; padding: 60px 0px 30px; margin-top: auto; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; box-shadow: rgba(0, 0, 0, 0.1) 0px -4px 20px;">
<div style="max-width: 1200px; margin: 0px auto; padding: 0px 30px; display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 40px;">
<div style="padding: 20px 0px;">
<h3 style="margin-bottom: 25px; font-size: 1.8rem; color: #3498db; font-weight: 600; letter-spacing: 0.5px; line-height: 1.3;">IMPA EGYPT</h3>
<p style="line-height: 1.7; color: #ecf0f1; font-size: 1rem; margin-bottom: 20px; font-weight: 300; text-align: justify;">The leading authority in implementing industrial and mining projects in Egypt, driving economic growth through strategic infrastructure development</p>
</div>
<div style="padding: 20px 0px;">
<h4 style="margin-bottom: 25px; font-size: 1.4rem; color: #3498db; font-weight: 600; letter-spacing: 0.3px; border-bottom: 2px solid #3498db; padding-bottom: 10px; display: inline-block;">Quick Links</h4>
<ul style="list-style: none; padding: 0px;">
<li style="margin-bottom: 15px;"><a style="color: #ecf0f1; text-decoration: none; transition: 0.3s; font-size: 1.1rem; font-weight: 400; display: block; padding: 8px 0px 8px 15px; border-left: 3px solid transparent;" href="/">Home</a></li>
<li style="margin-bottom: 15px;"><a style="color: #ecf0f1; text-decoration: none; transition: 0.3s; font-size: 1.1rem; font-weight: 400; display: block; padding: 8px 0px 8px 15px; border-left: 3px solid transparent;" href="/projects">Projects</a></li>
<li style="margin-bottom: 15px;"><a style="color: #ecf0f1; text-decoration: none; transition: 0.3s; font-size: 1.1rem; font-weight: 400; display: block; padding: 8px 0px 8px 15px; border-left: 3px solid transparent;" href="/news">News</a></li>
<li style="margin-bottom: 15px;"><a style="color: #ecf0f1; text-decoration: none; transition: 0.3s; font-size: 1.1rem; font-weight: 400; display: block; padding: 8px 0px 8px 15px; border-left: 3px solid transparent;" href="/contact">للتواصل</a></li>
<li style="margin-bottom: 15px;"><a style="color: #ecf0f1; text-decoration: none; transition: 0.3s; font-size: 1.1rem; font-weight: 400; display: block; padding: 8px 0px 8px 15px; border-left: 3px solid transparent;" href="/achievements">إنجازاتنا</a></li>
</ul>
</div>
<div style="padding: 20px 0px;">
<h4 style="margin-bottom: 25px; font-size: 1.4rem; color: #3498db; font-weight: 600; letter-spacing: 0.3px; border-bottom: 2px solid #3498db; padding-bottom: 10px; display: inline-block;">Contact Information</h4>
<div style="color: #ecf0f1; line-height: 1.8;">
<div style="display: flex; align-items: center; margin-bottom: 15px; padding: 10px 0px 10px 15px; border-left: 3px solid #3498db;"><span style="margin-right: 12px; font-size: 1.2rem;">📍</span><a style="margin: 0px; font-size: 1rem; font-weight: 400; color: #ecf0f1; text-decoration: none; transition: 0.3s; cursor: pointer; border-bottom: 1px solid transparent; padding-bottom: 2px;" href="https://maps.google.com/?q=14+Alfy+Street,+Al+Thawrat+Building,+Downtown,+Cairo,+A.R.E" target="_blank" rel="noopener noreferrer">14 Alfy Street, Al Thawrat Building, Downtown, Cairo, A.R.E</a></div>
<div style="display: flex; align-items: center; margin-bottom: 15px; padding: 10px 0px 10px 15px; border-left: 3px solid #3498db;">
<p><span style="margin-right: 12px; font-size: 1.2rem;">📧</span></p>
<p style="margin: 0px; font-size: 1rem; font-weight: 400;">info@impa.gov.eg</p>
</div>
<div style="display: flex; align-items: center; margin-bottom: 15px; padding: 10px 0px 10px 15px; border-left: 3px solid #3498db;">
<p><span style="margin-right: 12px; font-size: 1.2rem;">📞</span></p>
<p style="margin: 0px; font-size: 1rem; font-weight: 400;">+20 2 1234 5678</p>
</div>
</div>
</div>
<div style="padding: 20px 0px;">
<h4 style="margin-bottom: 25px; font-size: 1.4rem; color: #3498db; font-weight: 600; letter-spacing: 0.3px; border-bottom: 2px solid #3498db; padding-bottom: 10px; display: inline-block;">Follow Us</h4>
<div style="display: flex; gap: 20px; justify-content: flex-start; flex-wrap: wrap;"><a style="display: inline-flex; align-items: center; justify-content: center; width: 55px; height: 55px; background: linear-gradient(135deg, #1877f2 0%, #0d6efd 100%); color: white; border-radius: 50%; text-decoration: none; transition: 0.3s; font-size: 26px; font-weight: bold; box-shadow: rgba(24, 119, 242, 0.3) 0px 4px 15px; border: 2px solid rgba(255, 255, 255, 0.1);" href="https://www.facebook.com/impaegy" target="_blank" rel="noopener noreferrer">f</a><a style="display: inline-flex; align-items: center; justify-content: center; width: 55px; height: 55px; background: linear-gradient(135deg, #ff0000 0%, #cc0000 100%); color: white; border-radius: 50%; text-decoration: none; transition: 0.3s; font-size: 22px; font-weight: bold; box-shadow: rgba(255, 0, 0, 0.3) 0px 4px 15px; border: 2px solid rgba(255, 255, 255, 0.1);" href="https://m.youtube.com/channel/UCC_lf4wO3Yge6ZGMVE8leFA" target="_blank" rel="noopener noreferrer">▶</a></div>
</div>
</div>
<div style="text-align: center; margin-top: 40px; padding-top: 30px; border-top: 2px solid #34495e; color: #95a5a6; background: rgba(0, 0, 0, 0.1); border-radius: 0px 0px 15px 15px;">
<div style="margin-bottom: 25px;"><a style="display: inline-flex; align-items: center; gap: 8px; background: rgba(255, 255, 255, 0.06); border: 1px solid #ffd700; color: #ffd700; padding: 0.55rem 1.8rem; border-radius: 25px; text-decoration: none; font-weight: 600; font-size: 0.95rem; letter-spacing: 0.3px; transition: 0.3s; cursor: pointer; box-shadow: rgba(0, 0, 0, 0.3) 0px 3px 12px;" href="/login">تسجيل الدخول</a></div>
<p style="margin-bottom: 12px; font-size: 1.1rem; font-weight: 500; letter-spacing: 0.5px;">© 2026 Industrial and Mining Projects. All rights reserved.</p>
</div>
</footer>
</div>
                                            
                                        
                    
            </div><!-- end row -->    
		</div><!-- end page-content -->
        
        
   
		<footer id="footer">
			<div class="row clearfix">
            	
                <h3 class="col-title">No Sidebar</h3><span class="liner"></span> This template supports the unlimited sidebar's widgets. <br />For adding widgets to <strong>Footer</strong> sidebar <a href="https://impa.gov.eg/wp-admin/widgets.php">Click Here</a> 
			</div><!-- row -->
			
            					
			<div class="footer-last row mtf clearfix center">
				<span class="copyright center"><p style="text-align: center;"><strong><span style="font-family: sultan;">2026</span><span style="font-family: sultan;">© الهيئة العامة لتنفيذ المشروعات الصناعية والتعدينية - جميع الحقوق محفوظة</span></strong></p></span> 
                    
			 


			</div><!-- end last footer -->

		</footer><!-- end footer -->

	</div><!-- end layout -->
	</div><!-- end frame -->


			<div id="toTop"><i class="icon-angle-up"></i></div><!-- Back to top -->
	    



				<script type="text/javascript">
					jQuery(document).ready(function ($) {
						var ua = navigator.userAgent;
						if (!/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini|Mobile|mobile|Chrome&&Android/i.test(ua)){
							$("html").niceScroll({zindex:999,cursorborder:"",cursorwidth:"5px",cursorborderradius:"2px",cursorcolor:"#191919",cursoropacitymin:.5,horizrailenabled:0}); 
						}
					});
				</script>
				<link rel='stylesheet' id='beeteam_front_fontawsome_css-css' href='https://impa.gov.eg/wp-content/plugins/youtube-gallery-vc/assets/front-end/fontawesome/css/font-awesome.min.css?ver=1.0.1' type='text/css' media='all' />
<link rel='stylesheet' id='beeteam_front_swiper_css-css' href='https://impa.gov.eg/wp-content/plugins/youtube-gallery-vc/assets/front-end/swiper/swiper.min.css?ver=1.0.1' type='text/css' media='all' />
<script type="text/javascript" src="https://impa.gov.eg/wp-content/themes/official/js/jquery.nicescroll.min.js?ver=3.5.1" id="jquery.nicescroll-js"></script>

<script type="text/javascript">
function _lightbox(){
		var lbarray = {			
			hook:'data-gal',
						animation_speed: 'fast',
						overlay_gallery: true,
			autoplay_slideshow: false,
						slideshow: 5000,
									theme: 'light_rounded', 
									opacity: 0.8,
						show_title: false,
						allow_resize: true,
						counter_separator_label: ' of ',
						deeplinking: false,
			default_width: 900,
			default_height: 500
		};

		var slctr='a[data-gal^="photo"], a[href$=jpg], a[href$=JPG], a[href$=jpeg], a[href$=JPEG], a[href$=png], a[href$=gif], a[href$=bmp]:has(img), a[class^="prettyPhoto"]';
		//var slctr='a[data-gal^="photo"]';
		
		jQuery(slctr).prettyPhoto(lbarray);

		
				var windowWidth = 	window.screen.width < window.outerWidth ?
                  			window.screen.width : window.outerWidth;
        var issmall = windowWidth < 500;
        
        if(issmall){
	      
        	jQuery(slctr).unbind('click.prettyphoto');
		}
        		
	}
	

    _lightbox();


</script>


	

</body>
</html>