<!-- Pricings 1 -->
    <section class="lfg-feature">
      <div class="container">
        <div class="row text-center">
          <div class="col">
            <h1>Pricing Plans</h1>
          </div>
        </div>
    
        <div class="row mt-5 align-items-top">
          <div class="col-12 col-sm-10 col-md-8 m-auto col-lg-4 text-left">
            <div class="rounded">
              <div class="lfg-bg-dark p-5 text-center">
                <h2>Basic</h2>
                <h2 class="h2"><strong>$19.90</strong></h2>
              </div>
    
              <div class="bg-gray p-5 text-center">
                <div class="icon-primary i-size-5x m-2">
                    <i class="fas fa-cloud"></i>
                </div>
                <p class="h4"><strong>For Personal</strong></p>
                <p><br></p>
                <p>Lorem Ipsum</p>
                <p>Lorem Ipsum</p>
                <p>Lorem Ipsum</p>
                <p><br></p>
                <p><br></p>
    
                <p class="text-center pt-5"><a href="#" class="btn btn-primary btn-lg">Choose Plan</a></p>
              </div>
            </div>
          </div>
    
          <div class="col-12 col-sm-10 col-md-8 m-auto col-lg-4 text-left pt-4 pt-lg-0">
            <div class="rounded">
              <div class="bg-primary p-5 text-center text-white">
                <h2>Personal</h2>
                <h2 class="h2"><strong>$19.90</strong></h2>
              </div>
              <div class="bg-gray p-5 text-center">
                <div class="icon-green i-size-5x m-2">
                    <i class="fas fa-box"></i>
                </div>
                <p class="h4"><strong>For Personal</strong></p>
                <p><br></p>
                <p>Lorem Ipsum</p>
                <p>Lorem Ipsum</p>
                <p>Lorem Ipsum</p>
                <p>Lorem Ipsum</p>
                <p>Lorem Ipsum</p>
    
                <p class="text-center pt-5"><a href="#" class="btn btn-secondary btn-lg">Choose Plan</a></p>
              </div>
            </div>
          </div>
    
          <div class="col-12 col-sm-10 col-md-8 m-auto col-lg-4 text-left pt-4 pt-lg-0">
            <div class="rounded">
              <div class="lfg-bg-dark p-5 text-center">
                <h2>Business</h2>
                <h2 class="h2"><strong>$49.90</strong></h2>
              </div>
    
              <div class="bg-gray p-5 text-center">
                <div class="icon-blue i-size-5x m-2">
                    <i class="fas fa-car"></i>
                </div>
                <p class="h4"><strong>For Business</strong></p>
                <p><br></p>
                <p>Lorem Ipsum</p>
                <p>Lorem Ipsum</p>
                <p>Lorem Ipsum</p>
                <p><br></p>
                <p><br></p>
    
                <p class="text-center pt-5"><a href="#" class="btn btn-primary btn-lg">Choose Plan</a></p>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>