landing page issue in bootstrap

I try to build a landing page using bootstrap. I created a section with icon and

tags. but the text in p and h3 tags look like this

here is code for section:

 <section id="process" class="process">
            <div class="container-fluid container-fluid-max">
                <div class="row text-center py-5 ">
                  <div class="col-12 pb-4">
                    <h2 class="text-red">Lorem, ipsum dolor.</h2>
                  </div>
                  <div class="col-12 col-sm-6 col-lg-3">
                    <div class="col-12 col-sm-6 col-lg-3 pl-12 pr-12 ml-13 mr-13">
                        <span class="fa-stack fa-2x">
                            <i class="fas fa-book"></i>
                        </span>
                        <h3 class="mt-3 text-red h4">Lorem, ipsum dolor.</h3>
                        <p>Lorem ipsum dolor sit amet consectetur.</p>
                      </div>
                  </div>
                  <div class="col-12 col-sm-6 col-lg-3">
                    <div class="col-12 col-sm-6 col-lg-3">
                        <span class="fa-stack fa-2x">
                            <i class="fas fa-school"></i>
                        </span>
                        <h3 class="mt-3 text-red h4">Lorem, ipsum dolor.</h3>
                        <p>Lorem ipsum dolor sit amet consectetur.</p>
                      </div>
                  </div>
                  <div class="col-12 col-sm-6 col-lg-3">
                       <div class="col-12 col-sm-6 col-lg-3">
                        <span class="fa-stack fa-2x">
                            <i class="fas fa-school"></i>
                        </span>
                        <h3 class="mt-3 text-red h4">Lorem, ipsum dolor.</h3>
                        <p>Lorem ipsum dolor sit amet consectetur.</p>
                      </div>
                  </div>
                  <div class="col-12 col-sm-6 col-lg-3">
                    <div class="col-12 col-sm-6 col-lg-3">
                        <span class="fa-stack fa-2x">
                            <i class="fas fa-school"></i>
                        </span>
                        <h3 class="mt-3 text-red h4">Lorem, ipsum dolor.</h3>
                        <p>Lorem ipsum dolor sit amet consectetur.</p>
                      </div>
                  </div>
                </div>
              </div>
        </section>

i want to mage text be in one or 2 lines.