2 side card

<!-- Mission and Vision Section -->
<section class="py-5 bg-light">
  <div class="container py-4">
    <div class="row g-4">
      <div class="col-md-6">
        <div class="card h-100 border-0 shadow-sm rounded-4">
          <div class="card-body p-5">
            <div class="icon-box mb-4 bg-primary bg-opacity-10 d-inline-block p-3 rounded-circle">
              <i class="bi bi-rocket-takeoff fs-1 text-primary"></i>
            </div>
            <h3 class="fw-bold">Our Mission</h3>
            <p class="text-secondary">To provide world-class technical education through hands-on training, industry partnerships, and a commitment to excellence, ensuring our graduates are ready for the global workforce.</p>
          </div>
        </div>
      </div>
      <div class="col-md-6">
        <div class="card h-100 border-0 shadow-sm rounded-4">
          <div class="card-body p-5">
            <div class="icon-box mb-4 bg-success bg-opacity-10 d-inline-block p-3 rounded-circle">
              <i class="bi bi-eye fs-1 text-success"></i>
            </div>
            <h3 class="fw-bold">Our Vision</h3>
            <p class="text-secondary">To become a center of excellence in technical vocational education and training (TVET) and act as a catalyst for the socio-economic development of the nation.</p>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>