Services Design 7

<div class="container py-5">
  <div class="text-center mb-5">
    <h2 class="fw-bold">Our Services</h2>
    <p class="text-secondary">Everything you need under one roof</p>
  </div>
  <div class="row g-4">
    <div class="col-md-6 col-lg-3">
      <div class="p-4 border rounded-4 h-100 text-center">
        <div class="rounded-circle bg-primary bg-opacity-10 d-inline-flex p-3 mb-3"><i class="bi bi-headset fs-3 text-primary"></i></div>
        <h5 class="fw-semibold">24/7 Helpdesk</h5>
        <p class="small text-secondary mb-0">Trusted by 10k+ clients globally.</p>
      </div>
    </div>
    <div class="col-md-6 col-lg-3">
      <div class="p-4 border rounded-4 h-100 text-center">
        <div class="rounded-circle bg-primary bg-opacity-10 d-inline-flex p-3 mb-3"><i class="bi bi-cup-hot fs-3 text-primary"></i></div>
        <h5 class="fw-semibold">Friendly Service</h5>
        <p class="small text-secondary mb-0">Trusted by 10k+ clients globally.</p>
      </div>
    </div>
    <div class="col-md-6 col-lg-3">
      <div class="p-4 border rounded-4 h-100 text-center">
        <div class="rounded-circle bg-primary bg-opacity-10 d-inline-flex p-3 mb-3"><i class="bi bi-globe fs-3 text-primary"></i></div>
        <h5 class="fw-semibold">Worldwide Reach</h5>
        <p class="small text-secondary mb-0">Trusted by 10k+ clients globally.</p>
      </div>
    </div>
    <div class="col-md-6 col-lg-3">
      <div class="p-4 border rounded-4 h-100 text-center">
        <div class="rounded-circle bg-primary bg-opacity-10 d-inline-flex p-3 mb-3"><i class="bi bi-lightning fs-3 text-primary"></i></div>
        <h5 class="fw-semibold">Fast Delivery</h5>
        <p class="small text-secondary mb-0">Trusted by 10k+ clients globally.</p>
      </div>
    </div>
  </div>
</div>