<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-6 position-relative&quot;&gt;
        &lt;div class=&quot;shape rounded bg-pale-red rellax d-md-block&quot; data-rellax-speed=&quot;0&quot; style=&quot;top: 50%; left: 50%; width: 50%; height: 60%; transform: translate(-50%,-50%);z-index:0&quot;&gt;&lt;/div&gt;
        &lt;div class=&quot;row gx-md-5 gy-5 position-relative&quot;&gt;
          &lt;div class=&quot;col-6&quot;&gt;
            &lt;img class=&quot;img-fluid rounded shadow-lg mb-5&quot; src=&quot;/assets/img/photos/sa5.jpg&quot; srcset=&quot;/assets/img/photos/sa5@2x.jpg 2x&quot; alt=&quot;&quot; /&gt;
            &lt;img class=&quot;img-fluid rounded shadow-lg d-flex col-10 ms-auto&quot; src=&quot;/assets/img/photos/sa6.jpg&quot; srcset=&quot;/assets/img/photos/sa6@2x.jpg 2x&quot; alt=&quot;&quot; /&gt;
          &lt;/div&gt;
          &lt;!-- /column --&gt;
          &lt;div class=&quot;col-6&quot;&gt;
            &lt;img class=&quot;img-fluid rounded shadow-lg my-5&quot; src=&quot;/assets/img/photos/sa7.jpg&quot; srcset=&quot;/assets/img/photos/sa7@2x.jpg 2x&quot; alt=&quot;&quot; /&gt;
            &lt;img class=&quot;img-fluid rounded shadow-lg d-flex col-10&quot; src=&quot;/assets/img/photos/sa8.jpg&quot; srcset=&quot;/assets/img/photos/sa8@2x.jpg 2x&quot; alt=&quot;&quot; /&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-6&quot;&gt;
        &lt;h3 class=&quot;display-4 mb-5&quot;&gt;We have considered our solutions to support every stage of growth.&lt;/h3&gt;
        &lt;p class=&quot;mb-5&quot;&gt;Etiam porta sem malesuada magna mollis euismod. Donec ullamcorper nulla non metus auctor fringilla. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Fusce dapibus, tellus ac cursus commodo.&lt;/p&gt;
        &lt;div class=&quot;row gy-3&quot;&gt;
          &lt;div class=&quot;col-xl-6&quot;&gt;
            &lt;ul class=&quot;icon-list bullet-bg bullet-soft-red mb-0&quot;&gt;
              &lt;li&gt;&lt;span&gt;&lt;i class=&quot;uil uil-check&quot;&gt;&lt;/i&gt;&lt;/span&gt;&lt;span&gt;Aenean quam ornare curabitur blandit consectetur.&lt;/span&gt;&lt;/li&gt;
              &lt;li class=&quot;mt-3&quot;&gt;&lt;span&gt;&lt;i class=&quot;uil uil-check&quot;&gt;&lt;/i&gt;&lt;/span&gt;&lt;span&gt;Nullam quis risus eget urna mollis ornare aenean leo.&lt;/span&gt;&lt;/li&gt;
            &lt;/ul&gt;
          &lt;/div&gt;
          &lt;!--/column --&gt;
          &lt;div class=&quot;col-xl-6&quot;&gt;
            &lt;ul class=&quot;icon-list bullet-bg bullet-soft-red mb-0&quot;&gt;
              &lt;li&gt;&lt;span&gt;&lt;i class=&quot;uil uil-check&quot;&gt;&lt;/i&gt;&lt;/span&gt;&lt;span&gt;Etiam porta euismod malesuada mollis nisl ornare.&lt;/span&gt;&lt;/li&gt;
              &lt;li class=&quot;mt-3&quot;&gt;&lt;span&gt;&lt;i class=&quot;uil uil-check&quot;&gt;&lt;/i&gt;&lt;/span&gt;&lt;span&gt;Vivamus sagittis lacus augue rutrum maecenas odio.&lt;/span&gt;&lt;/li&gt;
            &lt;/ul&gt;
          &lt;/div&gt;
          &lt;!--/column --&gt;
        &lt;/div&gt;
        &lt;!--/.row --&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>