<!-- Specialized Opportunities Section --><section class="py-5 bg-white text-center"><div class="container"><!-- Section Title --><h2 class="fw-bold mb-3">Specialized Opportunities</h2><p class="text-muted mb-5 mx-auto" style="max-width:700px;">Discover specialized opportunities, from entry-level to executive, matching your passions across a wide range of fields.</p><!-- Card Grid --><div class="row g-4 justify-content-center"><!-- Card 1 --><div class="col-6 col-md-4 col-lg-2"><div class="card border-0 shadow-sm h-100 p-4 bg-light hover-card"><img class="img-fluid mb-3" src="images/icon-it.png" alt="Information Technology" width="60"><h6 class="fw-semibold mt-2">Information Technology</h6></div></div><!-- Card 2 --><div class="col-6 col-md-4 col-lg-2"><div class="card border-0 shadow-sm h-100 p-4 bg-light hover-card"><img class="img-fluid mb-3" src="images/icon-life-sciences.png" alt="Life Sciences" width="60"><h6 class="fw-semibold mt-2">Life Sciences</h6></div></div><!-- Card 3 --><div class="col-6 col-md-4 col-lg-2"><div class="card border-0 shadow-sm h-100 p-4 bg-light hover-card"><img class="img-fluid mb-3" src="images/icon-engineering.png" alt="Engineering" width="60"><h6 class="fw-semibold mt-2">Engineering</h6></div></div><!-- Card 4 --><div class="col-6 col-md-4 col-lg-2"><div class="card border-0 shadow-sm h-100 p-4 bg-light hover-card"><img class="img-fluid mb-3" src="images/icon-professional.png" alt="Professional Services" width="60"><h6 class="fw-semibold mt-2">Professional Services</h6></div></div><!-- Card 5 --><div class="col-6 col-md-4 col-lg-2"><div class="card border-0 shadow-sm h-100 p-4 bg-light hover-card"><img class="img-fluid mb-3" src="images/icon-marketing.png" alt="Marketing &amp; Creative" width="60"><h6 class="fw-semibold mt-2">Marketing &amp; Creative</h6></div></div></div><!-- View Jobs Button --><div class="mt-5"><a class="btn btn-outline-warning rounded-pill px-4 fw-semibold" href="#">View Open Jobs →&nbsp;</a></div></div></section><!-- Optional Hover Effect --><style>
  .hover-card {
    transition: all 0.3s ease;
  }
  .hover-card:hover {
    background-color: #fff3e0 !important;
    transform: translateY(-5px);
  }
</style>