<header class="hero-article d-flex align-items-center">
  <div class="container py-5">
    <nav class="breadcrumb-redd mb-3" aria-label="breadcrumb">
      <a href="/redd-plus">Home</a><span class="sep">›</span>
      <span class="active">Stakeholder Engagement</span>
    </nav>
    <div class="row">
      <div class="col-lg-6">
        <h1 class="font-display mb-3">Stakeholder Engagement</h1>
        
        <p>REDD+ Malaysia is a collaborative effort that brings together a wide range of stakeholders. Through inclusive participation and strong partnerships, we work together for sustainable forests and a better future.</p>
      </div>
    </div>
  </div>
</header>

<style>.hero-article{background:url("/dynaweb4/redd%2B/st_hero_bg.png") center/cover no-repeat!important}
.feature-card{background:#fdfcf7;border:1px solid #ece8db;border-radius:.9rem;padding:1.25rem 1.4rem;display:flex;gap:1rem;align-items:flex-start;height:100%;box-shadow:0 6px 18px rgba(46,74,53,.05);}
.feature-card.blue{background:#f5f9fb;border-color:#dde9ef;}
.feature-card.gold{background:#fbf7ee;border-color:#eee4cf;}
.f-icon{width:54px;height:54px;flex:0 0 54px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.4rem;color:#fff;}
.f-icon.green{background:var(--green-800);}
.f-icon.blue{background:var(--blue,#2f6e8f);}
.f-icon.gold{background:var(--bronze,#a4762c);}
.feature-card h3{font-weight:700;font-size:1rem;margin-bottom:.35rem;}
.feature-card h3.green{color:var(--green-800);}
.feature-card h3.blue{color:var(--blue,#2f6e8f);}
.feature-card h3.gold{color:var(--bronze,#a4762c);}
.feature-card p{margin:0;font-size:.8rem;font-weight:500;line-height:1.5;}
.stake-card{background:#fff;border:1px solid #ece8db;border-radius:.8rem;padding:1rem 1.1rem;display:flex;gap:.85rem;align-items:flex-start;box-shadow:0 6px 18px rgba(46,74,53,.06);max-width:330px;}
.s-icon{width:46px;height:46px;flex:0 0 46px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:#fff;}
.stake-card h4{font-weight:700;font-size:.85rem;margin-bottom:.3rem;}
.stake-card p{margin:0;font-size:.74rem;font-weight:500;line-height:1.45;}
.stake-card small{display:block;font-weight:700;font-size:.72rem;margin-bottom:.1rem;}
.eco-illustration{max-width:100%;height:auto;display:block;margin:0 auto;}
</style>

<section class="container mt-4">
  <div class="row g-3">
    <div class="col-md-4">
      <div class="feature-card">
        <div class="f-icon green"><i class="bi bi-people-fill"></i></div>
        <div>
          <h3 class="green">Effective Participation</h3>
          <p>Inclusive engagement that respects diversity and ensures meaningful involvement.</p>
        </div>
      </div>
    </div>
    <div class="col-md-4">
      <div class="feature-card blue">
        <div class="f-icon blue"><i class="bi bi-person-plus-fill"></i></div>
        <div>
          <h3 class="blue">Collaboration &amp; Partnership</h3>
          <p>Working together across sectors to share knowledge, resources and solutions.</p>
        </div>
      </div>
    </div>
    <div class="col-md-4">
      <div class="feature-card gold">
        <div class="f-icon gold"><i class="bi bi-flower1"></i></div>
        <div>
          <h3 class="gold">Sustainable Outcomes</h3>
          <p>Delivering lasting benefits for people, forests and future generations.</p>
        </div>
      </div>
    </div>
  </div>
</section>

<section class="container py-5">
  <div class="row align-items-center g-4">

    <div class="col-lg-3 d-flex flex-column gap-4 align-items-lg-end order-2 order-lg-1">
      <div class="stake-card">
        <div class="s-icon" style="background:var(--green-800);"><i class="bi bi-bank"></i></div>
        <div>
          <h4 style="color:var(--green-800);"><small style="color:var(--green-800);">National Level</small>NRES / REDD Plus Unit</h4>
          <p>Policy leadership, coordination and national implementation.</p>
        </div>
      </div>
      <div class="stake-card">
        <div class="s-icon" style="background:var(--green-800);"><i class="bi bi-graph-up-arrow"></i></div>
        <div>
          <h4 style="color:var(--green-800);">Private Sector</h4>
          <p>Investment, innovation and sustainable solutions that drive green growth.</p>
        </div>
      </div>
      <div class="stake-card">
        <div class="s-icon" style="background:var(--bronze);"><i class="bi bi-mortarboard-fill"></i></div>
        <div>
          <h4 style="color:var(--bronze);">Research &amp; Academic Institutions</h4>
          <p>Research, data and innovation to inform evidence-based actions.</p>
        </div>
      </div>
    </div>

    <div class="col-lg-6 order-1 order-lg-2">
      <img src="/dynaweb4/redd%2B/st_illustration.png" alt="REDD+ Malaysia stakeholder ecosystem — working together for sustainable forests" class="eco-illustration">
    </div>

    <div class="col-lg-3 d-flex flex-column gap-4 order-3">
      <div class="stake-card">
        <div class="s-icon" style="background:var(--blue);"><i class="bi bi-map-fill"></i></div>
        <div>
          <h4 style="color:var(--blue);">State Governments</h4>
          <p>State-level planning and implementation in alignment with national goals.</p>
        </div>
      </div>
      <div class="stake-card">
        <div class="s-icon" style="background:var(--bronze);"><i class="bi bi-house-fill"></i></div>
        <div>
          <h4 style="color:var(--bronze);">Indigenous Peoples and Local Communities</h4>
          <p>Participation, traditional knowledge and stewardship of forests.</p>
        </div>
      </div>
      <div class="stake-card">
        <div class="s-icon" style="background:var(--green-800);"><i class="bi bi-flower1"></i></div>
        <div>
          <h4 style="color:var(--green-800);">Civil Society Organisations</h4>
          <p>Advocacy, transparency and community empowerment.</p>
        </div>
      </div>
    </div>

    <div class="col-12 d-flex justify-content-center order-4">
      <div class="stake-card">
        <div class="s-icon" style="background:var(--blue);"><i class="bi bi-globe2"></i></div>
        <div>
          <h4 style="color:var(--blue);">Development Partners</h4>
          <p>Technical assistance, funding and global collaboration.</p>
        </div>
      </div>
    </div>

  </div>
</section>