FAQ Design 2

<div class="bg-light py-5">
  <div class="container">
    <div class="row g-4">
      <div class="col-md-6">
        <div class="p-4 bg-white rounded-4 shadow-sm h-100">
          <h6 class="fw-bold"><i class="bi bi-patch-question text-primary me-2"></i>Question 1?</h6>
          <p class="text-secondary mb-0 small">A friendly answer that explains the concept clearly for beginners.</p>
        </div>
      </div>
      <div class="col-md-6">
        <div class="p-4 bg-white rounded-4 shadow-sm h-100">
          <h6 class="fw-bold"><i class="bi bi-patch-question text-primary me-2"></i>Question 2?</h6>
          <p class="text-secondary mb-0 small">A friendly answer that explains the concept clearly for beginners.</p>
        </div>
      </div>
      <div class="col-md-6">
        <div class="p-4 bg-white rounded-4 shadow-sm h-100">
          <h6 class="fw-bold"><i class="bi bi-patch-question text-primary me-2"></i>Question 3?</h6>
          <p class="text-secondary mb-0 small">A friendly answer that explains the concept clearly for beginners.</p>
        </div>
      </div>
      <div class="col-md-6">
        <div class="p-4 bg-white rounded-4 shadow-sm h-100">
          <h6 class="fw-bold"><i class="bi bi-patch-question text-primary me-2"></i>Question 4?</h6>
          <p class="text-secondary mb-0 small">A friendly answer that explains the concept clearly for beginners.</p>
        </div>
      </div>
    </div>
  </div>
</div>