Course Fees Table

<!-- Course Fees Table -->
<section class="py-5">
  <div class="container">
    <h3 class="fw-bold mb-4"><i class="bi bi-cash-stack text-primary me-2"></i>Admission & Course Fees</h3>
    <div class="table-responsive shadow-sm rounded-3">
      <table class="table table-hover align-middle mb-0">
        <thead class="table-primary border-0">
          <tr>
            <th class="py-3 px-4">Course Name</th>
            <th class="py-3">Duration</th>
            <th class="py-3">Admission Fee</th>
            <th class="py-3 text-end px-4">Total Fee</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td class="px-4 fw-bold">Computer Technology</td>
            <td>6 Months</td>
            <td>$50.00</td>
            <td class="text-end px-4 fw-bold text-primary">$250.00</td>
          </tr>
          <tr>
            <td class="px-4 fw-bold">Graphic Design</td>
            <td>3 Months</td>
            <td>$30.00</td>
            <td class="text-end px-4 fw-bold text-primary">$150.00</td>
          </tr>
          <tr>
            <td class="px-4 fw-bold">Electrical Winding</td>
            <td>6 Months</td>
            <td>$40.00</td>
            <td class="text-end px-4 fw-bold text-primary">$200.00</td>
          </tr>
        </tbody>
      </table>
    </div>
  </div>
</section>