<div class="row g-4">  <!-- Prices box 1 -->  <div class="col-12 col-lg-4">    <div class="prices-box">      <h6 class="font-family-tertiary font-small fw-normal uppercase">Personal</h6>      <div class="price">        <h1 class="fw-normal">19<span>/mo</span></h1>      </div>      <div class="price-features">        <ul>          <li>Unlimited User</li>          <li>Unlimited Storage</li>          <li>24/7 Support</li>        </ul>      </div>      <a class="button button-md button-dark button-rounded" href="#">Order Now</a>    </div>  </div>    <!-- Prices box 2 -->  <div class="col-12 col-lg-4">    <div class="prices-box prices-box-recommended">      ...    </div>  </div>
  <!-- Prices box 3 -->  <div class="col-12 col-lg-4">    <div class="prices-box">      ...    </div>  </div>
</div><!-- end row -->