<!--
                                                                                                                                    
 ▓██▓   ▓█░  ▒██████    ▒██████   ░███████              ▓██░  ███   ▒██████   ▓█▒    ██     ███▓    ▓██░  ███   ███████▓  ████████  
 ▓███▒  ▓█░ ▓█▓    ██░ ▓█▓    ██░ ░██   ▓█▓             ▓█▓█ ▒█▒█  ▓█▓    ██░ ▓█▒    ██    ▓█ ██    ▓█▓█ ▒█▒█   ██▒       ██░   ▒██ 
 ▓█░██  ▓█░ ██     ▓█▓ ██     ▓█▓ ░██   ██▒             ██ █░█▒▒█░ ██     ▓█▓ ▓█▒    ██    █▓ ▒█▓   ██ █░█▒▒█░  ██▒       ██░    ██▒
 ▓█░░██ ▓█░ ██     ▓█▓ ██     ▓█▓ ░██████░              ██ ███ ░█░ █▓     ▓█▓ ▓███▓████   ▓█░  ██   ██ ███ ░█░  ███████░  ██░    ▓█▓
 ▓█░ ▒█▓▓█░ ██     ▓█▓ ██     ▓█▓ ░██  ██▒              ██  █▒ ░█▒ ██     ▓█▓ ▓█▒    ██   ██   ▓█▓  ██  █▒ ░█▒  ██▒       ██░    ██▒
 ▓█░  ████░ ██▓    ██  ██▓    ██  ░██  ░██              █▓     ░█▓ ██▓    ██  ▓█▒    ██  ▓████████  █▓     ░█▓  ██▒       ██░   ▒██ 
 ▓█░   ███░  ███████░   ███████░  ░██   ▓██             █▓      █▓  ███████░  ▓█▒    ██  ██     ██▓ █▓      █▓  ███████▓  ████████  
 ▓█░   ▒██░    ▓█▓░       ▓█▓░    ░██    ██▒            █▓      █▓    ▓█▓░    ▓█▒    ██ ▓█▓     ▒██ █▓      █▓  ██████▓▓  ████▓▒    
                                                                                                                                    
                                                                                                                                    
   ▓████▒      ▓██░     ███████    ███████      ▓████░    █████▓    ██████░    ░█████        ▓███      ▓████░    █████▓             
  ██▓  ██▓  ▒██▓██░     ██         ██         ▒██▓       ██░  ▓██   ▒   ▒██░   ▓▓  ▓██░     ▓████    ▒██▓       ██░  ▓██            
 ██░   ░██▒     ██░     ██         ██        ░██         ██   ▓█▓        ██         ██▓    ▓█░░██   ░██         ██   ▓█▓            
 ██  ▓████▓     █▓░     ██████░    ██████░   ▓███████     █████░     ▓███▓         ░██    ▓█▒ ░██   ▓███████     █████░             
 █████░ ▓█▓     ██░         ▒██▓       ▒██▓  ▓██░  ▓██   ▒██▓███░       ▒██▓      ▒██    ▒█▓  ░██   ▓██░  ▓██   ▒██▓███░            
 ██▒    ██░     ██░          ░██        ░██  ▒█▓    ██░ ▓█▓    ██         ██    ░▓█░    ░█████████▓ ▒█▓    ██░ ▓█▓    ██            
  ██▓  ██▓      ██░     ▒   ▓██░   ▒   ▓██░   ██▓  ▓██  ▒██░  ▓██  ░░   ▒██▓   ▓█▓            ░██    ██▓  ▓██  ▒██░  ▓██            
   ▓████░    ████████   █████▓     █████▓      ▓████▒    ░█████▓   ░██████    ░████████       ░██     ▓████▒    ░█████▓             
                                                                                                                                    
-->

<!doctype html>
<html lang="ar" dir="rtl">
  <head>
      <!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-TXND73W4HB"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-TXND73W4HB');
</script>
    <!-- ================= BASIC META ================= -->
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>مجلس الشباب المصري | الأهداف</title>

    <meta
      name="description"
      content="أهداف مجلس الشباب المصري ومخرجات كل هدف: تمكين الشباب، دعم المرأة، تطوير المجتمع المدني، الشمول المالي، البيئة، التسامح، والعلاقات الدولية."
    />
    <meta
      name="keywords"
      content="مجلس الشباب المصري, الأهداف, مخرجات, تمكين الشباب, حقوق الإنسان, المرأة, الشمول المالي, التنمية المستدامة"
    />
    <meta name="author" content="Egyptian Youth Council" />

    <!-- ================= FAVICON ================= -->
    <link rel="icon" type="image/png" href="/images/logo.png" />

    <!-- ================= GOOGLE FONT ================= -->
    <link rel="preconnect" href="https://fonts.googleapis.com" />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
    <link
      href="https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800&display=swap"
      rel="stylesheet"
    />

    <!-- ================= ICONS ================= -->
    <link
      rel="stylesheet"
      href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css"
    />
<link rel="stylesheet"href="scrollbar.css"/>
    <!-- ================= YOUR HEADER SCRIPT ================= -->
    <script src="/assets/js/header.js" defer></script>

    <style>
      /* ================= RESET ================= */
      * { margin:0; padding:0; box-sizing:border-box; }
      html, body { height:100%; }

      /* ================= BASE ================= */
      body{
        font-family:"Cairo", sans-serif;
        background:#f3f6fb;
        color:#111;
        direction:rtl;
        line-height:1.95;
      }

      .layout-root{
        min-height:100vh;
        display:flex;
        flex-direction:column;
      }

      main{ flex:1; width:100%; }

      /* =========================================================
         ✅ FULL-WIDTH CONTAINER (بدون تضييق)
         - ياخد عرض الصفحة بالكامل
         - مع Padding بسيط بس علشان مايلزقش في الأطراف
         ========================================================= */
      .full {
        width: 100%;
        padding: 0 18px;
      }

      /* على الشاشات الكبيرة نخلي المساحة أكبر شوية */
      @media (min-width: 1200px){
        .full { padding: 0 28px; }
      }

      /* ================= HERO ================= */
      .page-hero{ padding:110px 0 22px; }

      .hero-inner{
        width: 100%;
        padding: 0 18px;
      }

      @media (min-width: 1200px){
        .hero-inner{ padding: 0 28px; }
      }

      .hero-inner h1{
        font-size: 38px; /* ✅ أكبر */
        color:#083b8a;
        margin-bottom:10px;
      }

      .hero-inner p{
        max-width: 1200px;
        font-size: 18px; /* ✅ أكبر */
        color:#334155;
        text-align:right;
      }

      .crumb{
        margin-top:10px;
        font-size:14px;
        color:#64748b;
        display:flex;
        gap:10px;
        flex-wrap:wrap;
      }
      .crumb a{
        color:#0b5ed7;
        text-decoration:none;
        border-bottom:1px solid rgba(11,94,215,0.25);
      }

      /* ================= SECTION ================= */
      .section{
        padding: 30px 0;
        border-top: 1px solid rgba(8,59,138,0.12);
      }

      /* ================= GOALS GRID ================= */
      /* ✅ الديسكتوب عمودين */
      .goals-grid{
        width:100%;
        display:grid;
        grid-template-columns: repeat(2, 1fr); /* ✅ عمودين على الديسكتوب */
        gap: 18px; /* ✅ مسافة أكبر */
        margin-top: 16px;
      }

      /* بطاقة بدون خلفية - Border فقط */
      .goal-card{
        border: 1px solid rgba(8,59,138,0.16);
        border-radius: 20px; /* أكبر */
        background: transparent;
        padding: 18px 18px; /* ✅ أكبر */
        display:flex;
        flex-direction:column;
        gap: 12px;
        transition: transform .15s ease, border-color .15s ease;
        min-height: 100%;
      }

      .goal-card:hover{
        transform: translateY(-1px);
        border-color: rgba(11,94,215,0.40);
      }

      .goal-head{
        display:flex;
        align-items:flex-start;
        gap: 12px;
      }

      .goal-icon{
        width: 44px; /* ✅ أكبر */
        height: 44px;
        border-radius: 14px;
        display:inline-flex;
        align-items:center;
        justify-content:center;
        border:1px solid rgba(11,94,215,0.20);
        color:#0b5ed7;
        flex:0 0 auto;
        font-size: 18px;
      }

      .goal-title{
        display:flex;
        flex-direction:column;
        gap: 4px;
        min-width:0;
      }

      .goal-title .k{
        font-weight: 900;
        color:#083b8a;
        font-size: 18px; /* ✅ أكبر */
        line-height: 1.35;
      }

      .goal-title .t{
        font-weight: 700;
        color:#111;
        font-size: 16.4px; /* ✅ أكبر */
        line-height: 1.65;
      }

      .outputs{
        margin-top: 4px;
        border-top: 1px solid rgba(8,59,138,0.12);
        padding-top: 12px;
      }

      .outputs .lbl{
        font-weight: 900;
        color:#083b8a;
        font-size: 15.4px; /* ✅ أكبر */
        margin-bottom: 8px;
        display:flex;
        align-items:center;
        gap: 10px;
      }
      .outputs .lbl i{ color:#0b5ed7; font-size: 15px; }

      .out-list{
        list-style:none;
        padding:0;
        margin:0;
        display:flex;
        flex-direction:column;
        gap: 10px;
      }

      .out-item{
        display:flex;
        align-items:flex-start;
        gap: 10px;
      }

      .dot{
        width: 10px;
        height: 10px;
        border-radius: 50%;
        margin-top: 10px;
        background:#0b5ed7;
        box-shadow: 0 0 0 7px rgba(11,94,215,0.08);
        flex:0 0 auto;
      }

      .out-item span{
        color:#334155;
        font-size: 16px; /* ✅ أكبر */
        line-height: 1.75;
      }

      .note{
        color:#64748b;
        font-size: 14.6px;
        margin-top: 8px;
        line-height: 1.7;
      }

      /* ================= RESPONSIVE ================= */
      @media (max-width: 992px){
        .page-hero{ padding: 90px 0 18px; }
        .hero-inner h1{ font-size: 30px; }
        .hero-inner p{ font-size: 16.5px; }

        /* ✅ تابلت: عمود واحد */
        .goals-grid{ grid-template-columns: 1fr; }
      }

      @media (max-width: 576px){
        .full, .hero-inner{ padding: 0 12px; }
        .hero-inner h1{ font-size: 28px; }
        .hero-inner p{ font-size: 15.8px; }
        .goal-title .t{ font-size: 15.6px; }
        .out-item span{ font-size: 15.4px; }
      }
    </style>
  </head>

  <body class="layout-root">
    <div id="site-header"></div>

    <main>
      <!-- ================= HERO ================= -->
      <section class="page-hero">
        <div class="hero-inner">
          <h1>أهداف المجلس</h1>
          <p>
            يوضح هذا القسم الأهداف الرئيسية لمجلس الشباب المصري، مع المخرجات المتوقعة لكل هدف
            بما يعزز تمكين الشباب والمرأة وتطوير المجتمع المدني ودعم التنمية المستدامة.
          </p>
          <div class="crumb">
            <a href="/index.html">الرئيسية</a>
            <span>›</span>
            <span>الأهداف</span>
          </div>
        </div>
      </section>

      <!-- ================= GOALS ================= -->
      <section class="section">
        <div class="full">
          <div class="note">
            * تم عرض الأهداف في بطاقات متجاوبة (عمودين على الديسكتوب وعمود واحد على الموبايل).
          </div>

          <div class="goals-grid">
            <!-- الهدف 1 -->
            <article class="goal-card">
              <div class="goal-head">
                <span class="goal-icon"><i class="fa-solid fa-people-group"></i></span>
                <div class="goal-title">
                  <div class="k">الهدف الأول</div>
                  <div class="t">
                    تنمية قدرات الشباب والنشء وتعزيز حقوقهم السياسية والاقتصادية والاجتماعية والثقافية والبيئية
                  </div>
                </div>
              </div>
              <div class="outputs">
                <div class="lbl"><i class="fa-solid fa-list-check"></i> المخرجات</div>
                <ul class="out-list">
                  <li class="out-item"><span class="dot"></span><span>رفع الوعي بأهمية حقوق الأنسان لدى الشباب والنشء.</span></li>
                  <li class="out-item"><span class="dot"></span><span>تأهيل جيل من الشباب في مراكز صنع القرار قادر على التأثير.</span></li>
                  <li class="out-item"><span class="dot"></span><span>تعزيز الحق في العمل اللائق للشباب لتمكينهم اقتصاديًا.</span></li>
                </ul>
              </div>
            </article>

            <!-- الهدف 2 -->
            <article class="goal-card">
              <div class="goal-head">
                <span class="goal-icon"><i class="fa-solid fa-person-dress"></i></span>
                <div class="goal-title">
                  <div class="k">الهدف الثاني</div>
                  <div class="t">
                    تحسين وضعية المرأة داخل المجتمع ومناهضة جميع أشكال العنف القائم على النوع الاجتماعي
                  </div>
                </div>
              </div>
              <div class="outputs">
                <div class="lbl"><i class="fa-solid fa-list-check"></i> المخرجات</div>
                <ul class="out-list">
                  <li class="out-item"><span class="dot"></span><span>إنتاج عدد من الأدلة التدريبية الخاصة برفع قدرات النساء والقضاء على العنف القائم على النوع الاجتماعي.</span></li>
                  <li class="out-item"><span class="dot"></span><span>تأهيل الكوادر النساء من المجتمعات المحلية لضمان تمثيلهم داخل مواقع صنع القرار على المستويين التنفيذي والتشريعي.</span></li>
                  <li class="out-item"><span class="dot"></span><span>تقديم مسودات قوانين للبرلمان للحد من أشكال العنف الممارس ضد النساء وضمان مشاركة فاعلة لهم.</span></li>
                </ul>
              </div>
            </article>

            <!-- الهدف 3 -->
            <article class="goal-card">
              <div class="goal-head">
                <span class="goal-icon"><i class="fa-solid fa-handshake-angle"></i></span>
                <div class="goal-title">
                  <div class="k">الهدف الثالث</div>
                  <div class="t">
                    تطوير قدرات منظمات المجتمع المدني على المستوى المحلي والإقليمي لنشر ثقافة حقوق الإنسان وتحسين جودة الخدمات
                  </div>
                </div>
              </div>
              <div class="outputs">
                <div class="lbl"><i class="fa-solid fa-list-check"></i> المخرجات</div>
                <ul class="out-list">
                  <li class="out-item"><span class="dot"></span><span>تعزيز الوعي حول قضايا حقوق الأنسان بمفومها الشامل.</span></li>
                  <li class="out-item"><span class="dot"></span><span>تحسين جودة البرامج والخدمات التي تقدمها مؤسسات المجتمع المدني من خلال توطين حقوق الإنسان داخل مؤسساتهم.</span></li>
                  <li class="out-item"><span class="dot"></span><span>دعم حقوق الفئات الاولى بالرعاية بما يشمل الشباب والمرأة والاشخاص ذوى الاعاقة وكبار السن واللاجئين والمهاجرين.</span></li>
                  <li class="out-item"><span class="dot"></span><span>توطين محاور الاستراتيجية الوطنية لحقوق الانسان في المجتمعات المحلية.</span></li>
                </ul>
              </div>
            </article>

            <!-- الهدف 4 -->
            <article class="goal-card">
              <div class="goal-head">
                <span class="goal-icon"><i class="fa-solid fa-wallet"></i></span>
                <div class="goal-title">
                  <div class="k">الهدف الرابع</div>
                  <div class="t">دعم ثقافة الرقمة والشمول المالي تنفيذًا لرؤية مصر 2030.</div>
                </div>
              </div>
              <div class="outputs">
                <div class="lbl"><i class="fa-solid fa-list-check"></i> المخرجات</div>
                <ul class="out-list">
                  <li class="out-item"><span class="dot"></span><span>بناء قدرات مؤسسات المجتمع المدني في مجال الخدمات الرقمية.</span></li>
                  <li class="out-item"><span class="dot"></span><span>توطين مفاهيم الشمول المالي داخل المجتمعات المحلية ومع كافة الشرائح المجتمعية.</span></li>
                  <li class="out-item"><span class="dot"></span><span>توطين رؤية مصر 2030 بين قطاعات الشباب في مختلف المحافظات المصرية.</span></li>
                </ul>
              </div>
            </article>

            <!-- الهدف 5 -->
            <article class="goal-card">
              <div class="goal-head">
                <span class="goal-icon"><i class="fa-solid fa-leaf"></i></span>
                <div class="goal-title">
                  <div class="k">الهدف الخامس</div>
                  <div class="t">تعزيز الوعي المجتمعي حول قضايا البيئة وأهداف التنمية المستدامة.</div>
                </div>
              </div>
              <div class="outputs">
                <div class="lbl"><i class="fa-solid fa-list-check"></i> المخرجات</div>
                <ul class="out-list">
                  <li class="out-item"><span class="dot"></span><span>زيادة الوعي المجتمعي حول التغيرات المناخية.</span></li>
                  <li class="out-item"><span class="dot"></span><span>توطين مؤشرات التنمية المستدامة في كافة البرامج المنفذة.</span></li>
                </ul>
              </div>
            </article>

            <!-- الهدف 6 -->
            <article class="goal-card">
              <div class="goal-head">
                <span class="goal-icon"><i class="fa-solid fa-dove"></i></span>
                <div class="goal-title">
                  <div class="k">الهدف السادس</div>
                  <div class="t">نشر ثقافة التسامح والسلام وتعزيز قيم التعايش السلمي.</div>
                </div>
              </div>
              <div class="outputs">
                <div class="lbl"><i class="fa-solid fa-list-check"></i> المخرجات</div>
                <ul class="out-list">
                  <li class="out-item"><span class="dot"></span><span>رفع الوعي حول أجندة المرأة والسلام والأمن.</span></li>
                  <li class="out-item"><span class="dot"></span><span>رفع الوعي حول أجندة الشباب والسلام والأمن.</span></li>
                </ul>
              </div>
            </article>

            <!-- الهدف 7 -->
            <article class="goal-card">
              <div class="goal-head">
                <span class="goal-icon"><i class="fa-solid fa-globe"></i></span>
                <div class="goal-title">
                  <div class="k">الهدف السابع</div>
                  <div class="t">تنمية العلاقات الخارجية على المستوى الدولي والإقليمي للتأثير إقليميا ودوليًا.</div>
                </div>
              </div>
              <div class="outputs">
                <div class="lbl"><i class="fa-solid fa-list-check"></i> المخرجات</div>
                <ul class="out-list">
                  <li class="out-item"><span class="dot"></span><span>بناء علاقات شراكة مستدامة مع المؤسسات الدولية.</span></li>
                  <li class="out-item"><span class="dot"></span><span>تعزيز مشاركة المجلس في الانضمام إلى عدد من الشبكات الدولية والإقليمية كممثل عن شباب المجتمع المدني المصري.</span></li>
                </ul>
              </div>
            </article>
          </div>
        </div>
      </section>
    </main>

    <div id="site-footer"></div>

    <!-- ================= HEADER/FOOTER + NAV + DRAWER SCRIPTS ================= -->
    <script>
      function markActiveNavLink() {
        let currentPage = window.location.pathname.split("/").pop();
        if (!currentPage || currentPage === "") currentPage = "index.html";

        document
          .querySelectorAll(".desktop-nav a, .eyc-drawer-nav a")
          .forEach((link) => {
            const href = link.getAttribute("href");
            if (!href) return;

            const linkPage = href.split("/").pop();
            if (linkPage === currentPage) link.classList.add("active");
          });
      }

      function initDrawerMenuFallback() {
        const drawer = document.querySelector(".eyc-drawer, #eycDrawer, .mobile-drawer");
        const overlay =
          document.querySelector(".eyc-drawer-overlay, #eycDrawerOverlay, .drawer-overlay") || null;
        const openBtn =
          document.querySelector(".eyc-burger, #eycBurger, .menu-toggle, .hamburger") || null;
        const closeBtn =
          document.querySelector(".eyc-drawer-close, #eycDrawerClose, .drawer-close") || null;

        if (!drawer) return;

        const open = () => {
          drawer.classList.add("open");
          if (overlay) overlay.classList.add("open");
          document.body.style.overflow = "hidden";
        };

        const close = () => {
          drawer.classList.remove("open");
          if (overlay) overlay.classList.remove("open");
          document.body.style.overflow = "";
        };

        if (openBtn) openBtn.addEventListener("click", open);
        if (closeBtn) closeBtn.addEventListener("click", close);
        if (overlay) overlay.addEventListener("click", close);

        document.addEventListener("keydown", (e) => {
          if (e.key === "Escape") close();
        });

        drawer.querySelectorAll("a").forEach((a) => a.addEventListener("click", close));
      }

      fetch("/header.html")
        .then((r) => r.text())
        .then((h) => {
          document.getElementById("site-header").innerHTML = h;
          if (window.initHeaderMenu) window.initHeaderMenu();
          markActiveNavLink();
          initDrawerMenuFallback();
        });

      fetch("/footer.html")
        .then((r) => r.text())
        .then((f) => (document.getElementById("site-footer").innerHTML = f));
    </script>
  </body>
</html>