<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 gx-lg-8 gx-xl-12 gy-10 align-items-center&quot;&gt;
      &lt;div class=&quot;col-lg-7 order-lg-2&quot;&gt;
        &lt;div class=&quot;row gx-md-5 gy-5&quot;&gt;
          &lt;div class=&quot;col-md-5 offset-md-1 align-self-end&quot;&gt;
            &lt;div class=&quot;card bg-pale-yellow&quot;&gt;
              &lt;div class=&quot;card-body&quot;&gt;
                &lt;img src=&quot;/assets/img/icons/lineal/telephone-3.svg&quot; class=&quot;svg-inject icon-svg icon-svg-md text-yellow mb-3&quot; alt=&quot;&quot; /&gt;
                &lt;h4&gt;24/7 Support&lt;/h4&gt;
                &lt;p class=&quot;mb-0&quot;&gt;Nulla vitae elit libero, a pharetra augue. Donec id elit non mi porta.&lt;/p&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 align-self-end&quot;&gt;
            &lt;div class=&quot;card bg-pale-red&quot;&gt;
              &lt;div class=&quot;card-body&quot;&gt;
                &lt;img src=&quot;/assets/img/icons/lineal/shield.svg&quot; class=&quot;svg-inject icon-svg icon-svg-md text-red mb-3&quot; alt=&quot;&quot; /&gt;
                &lt;h4&gt;Secure Payments&lt;/h4&gt;
                &lt;p class=&quot;mb-0&quot;&gt;Nulla vitae elit libero, a pharetra augue. Donec id elit non mi porta.&lt;/p&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-5&quot;&gt;
            &lt;div class=&quot;card bg-pale-leaf&quot;&gt;
              &lt;div class=&quot;card-body&quot;&gt;
                &lt;img src=&quot;/assets/img/icons/lineal/cloud-computing-3.svg&quot; class=&quot;svg-inject icon-svg icon-svg-md text-leaf mb-3&quot; alt=&quot;&quot; /&gt;
                &lt;h4&gt;Daily Updates&lt;/h4&gt;
                &lt;p class=&quot;mb-0&quot;&gt;Nulla vitae elit libero, a pharetra augue.&lt;/p&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 align-self-start&quot;&gt;
            &lt;div class=&quot;card bg-pale-primary&quot;&gt;
              &lt;div class=&quot;card-body&quot;&gt;
                &lt;img src=&quot;/assets/img/icons/lineal/analytics.svg&quot; class=&quot;svg-inject icon-svg icon-svg-md text-primary mb-3&quot; alt=&quot;&quot; /&gt;
                &lt;h4&gt;Market Research&lt;/h4&gt;
                &lt;p class=&quot;mb-0&quot;&gt;Nulla vitae elit libero, a pharetra augue. Donec id elit non mi porta gravida at eget.&lt;/p&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;!--/column --&gt;
      &lt;div class=&quot;col-lg-5&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-5&quot;&gt;The service we offer is specifically designed to meet your needs.&lt;/h3&gt;
        &lt;p&gt;Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Maecenas sed diam eget risus varius blandit sit amet non magna. Maecenas faucibus mollis interdum. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.&lt;/p&gt;
        &lt;a href=&quot;#&quot; class=&quot;btn btn-navy rounded-pill mt-3&quot;&gt;More Details&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>