<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;div class=&quot;row&quot;&gt;
      &lt;div class=&quot;col-lg-8 col-xl-7 col-xxl-6&quot;&gt;
        &lt;h2 class=&quot;fs-15 text-uppercase text-muted mb-3&quot;&gt;What We Do?&lt;/h2&gt;
        &lt;h3 class=&quot;display-4 mb-9&quot;&gt;The service we offer is specifically designed to meet your needs.&lt;/h3&gt;
      &lt;/div&gt;
      &lt;!-- /column --&gt;
    &lt;/div&gt;
    &lt;!-- /.row --&gt;
    &lt;div class=&quot;row gx-md-8 gy-8&quot;&gt;
      &lt;div class=&quot;col-md-6 col-lg-3&quot;&gt;
        &lt;div class=&quot;icon btn btn-block btn-lg btn-soft-yellow pe-none mb-5&quot;&gt; &lt;i class=&quot;uil uil-phone-volume&quot;&gt;&lt;/i&gt; &lt;/div&gt;
        &lt;h4&gt;24/7 Support&lt;/h4&gt;
        &lt;p class=&quot;mb-3&quot;&gt;Nulla vitae elit libero, a pharetra augue. Donec id elit non mi porta gravida at eget metus. Cras justo.&lt;/p&gt;
        &lt;a href=&quot;#&quot; class=&quot;more hover link-yellow&quot;&gt;Learn More&lt;/a&gt;
      &lt;/div&gt;
      &lt;!--/column --&gt;
      &lt;div class=&quot;col-md-6 col-lg-3&quot;&gt;
        &lt;div class=&quot;icon btn btn-block btn-lg btn-soft-red pe-none mb-5&quot;&gt; &lt;i class=&quot;uil uil-shield-exclamation&quot;&gt;&lt;/i&gt; &lt;/div&gt;
        &lt;h4&gt;Secure Payments&lt;/h4&gt;
        &lt;p class=&quot;mb-3&quot;&gt;Nulla vitae elit libero, a pharetra augue. Donec id elit non mi porta gravida at eget metus. Cras justo.&lt;/p&gt;
        &lt;a href=&quot;#&quot; class=&quot;more hover link-red&quot;&gt;Learn More&lt;/a&gt;
      &lt;/div&gt;
      &lt;!--/column --&gt;
      &lt;div class=&quot;col-md-6 col-lg-3&quot;&gt;
        &lt;div class=&quot;icon btn btn-block btn-lg btn-soft-leaf pe-none mb-5&quot;&gt; &lt;i class=&quot;uil uil-laptop-cloud&quot;&gt;&lt;/i&gt; &lt;/div&gt;
        &lt;h4&gt;Daily Updates&lt;/h4&gt;
        &lt;p class=&quot;mb-3&quot;&gt;Nulla vitae elit libero, a pharetra augue. Donec id elit non mi porta gravida at eget metus. Cras justo.&lt;/p&gt;
        &lt;a href=&quot;#&quot; class=&quot;more hover link-leaf&quot;&gt;Learn More&lt;/a&gt;
      &lt;/div&gt;
      &lt;!--/column --&gt;
      &lt;div class=&quot;col-md-6 col-lg-3&quot;&gt;
        &lt;div class=&quot;icon btn btn-block btn-lg btn-soft-blue pe-none mb-5&quot;&gt; &lt;i class=&quot;uil uil-chart-line&quot;&gt;&lt;/i&gt; &lt;/div&gt;
        &lt;h4&gt;Market Research&lt;/h4&gt;
        &lt;p class=&quot;mb-3&quot;&gt;Nulla vitae elit libero, a pharetra augue. Donec id elit non mi porta gravida at eget metus. Cras justo.&lt;/p&gt;
        &lt;a href=&quot;#&quot; class=&quot;more hover link-blue&quot;&gt;Learn More&lt;/a&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>