<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 text-center&quot;&gt;
    &lt;div class=&quot;row&quot;&gt;
      &lt;div class=&quot;col-md-10 offset-md-1 col-lg-8 offset-lg-2&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-10 px-xl-10&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;position-relative&quot;&gt;
      &lt;div class=&quot;shape rounded-circle bg-soft-blue rellax w-16 h-16&quot; data-rellax-speed=&quot;1&quot; style=&quot;bottom: -0.5rem; right: -2.2rem; z-index: 0;&quot;&gt;&lt;/div&gt;
      &lt;div class=&quot;shape bg-dot yellow rellax w-16 h-17&quot; data-rellax-speed=&quot;1&quot; style=&quot;top: -0.5rem; left: -2.5rem; z-index: 0;&quot;&gt;&lt;/div&gt;
      &lt;div class=&quot;row gx-md-5 gy-5 text-center&quot;&gt;
        &lt;div class=&quot;col-md-6 col-xl-3&quot;&gt;
          &lt;div class=&quot;card shadow-lg&quot;&gt;
            &lt;div class=&quot;card-body&quot;&gt;
              &lt;img src=&quot;/assets/img/icons/lineal/search-2.svg&quot; class=&quot;svg-inject icon-svg icon-svg-md text-yellow mb-3&quot; alt=&quot;&quot; /&gt;
              &lt;h4&gt;SEO Services&lt;/h4&gt;
              &lt;p class=&quot;mb-2&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;!--/.card-body --&gt;
          &lt;/div&gt;
          &lt;!--/.card --&gt;
        &lt;/div&gt;
        &lt;!--/column --&gt;
        &lt;div class=&quot;col-md-6 col-xl-3&quot;&gt;
          &lt;div class=&quot;card shadow-lg&quot;&gt;
            &lt;div class=&quot;card-body&quot;&gt;
              &lt;img src=&quot;/assets/img/icons/lineal/browser.svg&quot; class=&quot;svg-inject icon-svg icon-svg-md text-red mb-3&quot; alt=&quot;&quot; /&gt;
              &lt;h4&gt;Web Design&lt;/h4&gt;
              &lt;p class=&quot;mb-2&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;!--/.card-body --&gt;
          &lt;/div&gt;
          &lt;!--/.card --&gt;
        &lt;/div&gt;
        &lt;!--/column --&gt;
        &lt;div class=&quot;col-md-6 col-xl-3&quot;&gt;
          &lt;div class=&quot;card shadow-lg&quot;&gt;
            &lt;div class=&quot;card-body&quot;&gt;
              &lt;img src=&quot;/assets/img/icons/lineal/chat-2.svg&quot; class=&quot;svg-inject icon-svg icon-svg-md text-green mb-3&quot; alt=&quot;&quot; /&gt;
              &lt;h4&gt;Social Engagement&lt;/h4&gt;
              &lt;p class=&quot;mb-2&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-green&quot;&gt;Learn More&lt;/a&gt;
            &lt;/div&gt;
            &lt;!--/.card-body --&gt;
          &lt;/div&gt;
          &lt;!--/.card --&gt;
        &lt;/div&gt;
        &lt;!--/column --&gt;
        &lt;div class=&quot;col-md-6 col-xl-3&quot;&gt;
          &lt;div class=&quot;card shadow-lg&quot;&gt;
            &lt;div class=&quot;card-body&quot;&gt;
              &lt;img src=&quot;/assets/img/icons/lineal/megaphone.svg&quot; class=&quot;svg-inject icon-svg icon-svg-md text-blue mb-3&quot; alt=&quot;&quot; /&gt;
              &lt;h4&gt;Content Marketing&lt;/h4&gt;
              &lt;p class=&quot;mb-2&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;!--/.card-body --&gt;
          &lt;/div&gt;
          &lt;!--/.card --&gt;
        &lt;/div&gt;
        &lt;!--/column --&gt;
      &lt;/div&gt;
      &lt;!--/.row --&gt;
    &lt;/div&gt;
    &lt;!-- /.position-relative --&gt;
  &lt;/div&gt;
  &lt;!-- /.container --&gt;
&lt;/section&gt;
&lt;!-- /section --&gt;</code></pre>