<div class="code-wrapper">
              <div class="code-wrapper-inner">
                <pre class="language-html"><code>&lt;section class=&quot;wrapper bg-light&quot;&gt;
  &lt;div class=&quot;container py-14 py-md-16&quot;&gt;
    &lt;h2 class=&quot;display-4 mb-3&quot;&gt;How We Do It?&lt;/h2&gt;
    &lt;p class=&quot;lead fs-lg mb-8&quot;&gt;We make your spending &lt;span class=&quot;underline&quot;&gt;stress-free&lt;/span&gt; for you to have the perfect control.&lt;/p&gt;
    &lt;div class=&quot;row gx-lg-8 gx-xl-12 gy-6 process-wrapper line&quot;&gt;
      &lt;div class=&quot;col-md-6 col-lg-3&quot;&gt; &lt;span class=&quot;icon btn btn-circle btn-lg btn-soft-primary pe-none mb-4&quot;&gt;&lt;span class=&quot;number&quot;&gt;01&lt;/span&gt;&lt;/span&gt;
        &lt;h4 class=&quot;mb-1&quot;&gt;Concept&lt;/h4&gt;
        &lt;p class=&quot;mb-0&quot;&gt;Nulla vitae elit libero elit non porta gravida eget metus cras. Aenean eu leo quam. Pellentesque ornare.&lt;/p&gt;
      &lt;/div&gt;
      &lt;!--/column --&gt;
      &lt;div class=&quot;col-md-6 col-lg-3&quot;&gt; &lt;span class=&quot;icon btn btn-circle btn-lg btn-primary pe-none mb-4&quot;&gt;&lt;span class=&quot;number&quot;&gt;02&lt;/span&gt;&lt;/span&gt;
        &lt;h4 class=&quot;mb-1&quot;&gt;Prepare&lt;/h4&gt;
        &lt;p class=&quot;mb-0&quot;&gt;Vestibulum id ligula porta felis euismod semper. Sed posuere consectetur est at lobortis.&lt;/p&gt;
      &lt;/div&gt;
      &lt;!--/column --&gt;
      &lt;div class=&quot;col-md-6 col-lg-3&quot;&gt; &lt;span class=&quot;icon btn btn-circle btn-lg btn-soft-primary pe-none mb-4&quot;&gt;&lt;span class=&quot;number&quot;&gt;03&lt;/span&gt;&lt;/span&gt;
        &lt;h4 class=&quot;mb-1&quot;&gt;Retouch&lt;/h4&gt;
        &lt;p class=&quot;mb-0&quot;&gt;Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Nulla vitae elit libero.&lt;/p&gt;
      &lt;/div&gt;
      &lt;!--/column --&gt;
      &lt;div class=&quot;col-md-6 col-lg-3&quot;&gt; &lt;span class=&quot;icon btn btn-circle btn-lg btn-soft-primary pe-none mb-4&quot;&gt;&lt;span class=&quot;number&quot;&gt;04&lt;/span&gt;&lt;/span&gt;
        &lt;h4 class=&quot;mb-1&quot;&gt;Finalize&lt;/h4&gt;
        &lt;p class=&quot;mb-0&quot;&gt;Integer posuere erat, consectetur adipiscing elit. Fusce dapibus, tellus ac cursus commodo.&lt;/p&gt;
      &lt;/div&gt;
      &lt;!--/column --&gt;
    &lt;/div&gt;
    &lt;!--/.row --&gt;
  &lt;/div&gt;
  &lt;!-- /.container --&gt;
&lt;/section&gt;
&lt;!-- /section --&gt;</code></pre>