<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 text-center&quot;&gt;
      &lt;div class=&quot;col-lg-10 mx-auto&quot;&gt;
        &lt;div class=&quot;position-relative&quot;&gt;
          &lt;div class=&quot;shape bg-dot red rellax w-16 h-18&quot; data-rellax-speed=&quot;1&quot; style=&quot;top: 1rem; left: -3.9rem;&quot;&gt;&lt;/div&gt;
          &lt;div class=&quot;shape rounded-circle bg-line primary rellax w-18 h-18&quot; data-rellax-speed=&quot;1&quot; style=&quot;bottom: 2rem; right: -3rem;&quot;&gt;&lt;/div&gt;
          &lt;video poster=&quot;/assets/img/photos/movie.jpg&quot; class=&quot;player&quot; playsinline controls preload=&quot;none&quot;&gt;
            &lt;source src=&quot;/assets/media/movie.mp4&quot; type=&quot;video/mp4&quot;&gt;
            &lt;source src=&quot;/assets/media/movie.webm&quot; type=&quot;video/webm&quot;&gt;
          &lt;/video&gt;
        &lt;/div&gt;
      &lt;/div&gt;
      &lt;!--/column --&gt;
    &lt;/div&gt;
    &lt;!--/.row --&gt;
    &lt;div class=&quot;row text-center&quot;&gt;
      &lt;div class=&quot;col-lg-9 mx-auto&quot;&gt;
        &lt;h2 class=&quot;fs-15 text-uppercase text-muted mb-3 mt-12&quot;&gt;Our Process&lt;/h2&gt;
        &lt;h3 class=&quot;display-4 mb-0 text-center px-xl-10 px-xxl-15&quot;&gt;Find out everything you need to know about creating a business process model&lt;/h3&gt;
        &lt;div class=&quot;row gx-lg-8 gx-xl-12 process-wrapper text-center mt-10&quot;&gt;
          &lt;div class=&quot;col-md-4&quot;&gt; &lt;img src=&quot;/assets/img/icons/lineal/light-bulb.svg&quot; class=&quot;svg-inject icon-svg icon-svg-md text-primary mb-3&quot; alt=&quot;&quot; /&gt;
            &lt;h4 class=&quot;mb-1&quot;&gt;1. Concept&lt;/h4&gt;
            &lt;p class=&quot;mb-0&quot;&gt;Nulla vitae elit libero elit non porta gravida eget metus cras.&lt;/p&gt;
          &lt;/div&gt;
          &lt;!--/column --&gt;
          &lt;div class=&quot;col-md-4&quot;&gt; &lt;img src=&quot;/assets/img/icons/lineal/settings-3.svg&quot; class=&quot;svg-inject icon-svg icon-svg-md text-red mb-3&quot; alt=&quot;&quot; /&gt;
            &lt;h4 class=&quot;mb-1&quot;&gt;2. Prepare&lt;/h4&gt;
            &lt;p class=&quot;mb-0&quot;&gt;Nulla vitae elit libero elit non porta gravida eget metus cras.&lt;/p&gt;
          &lt;/div&gt;
          &lt;!--/column --&gt;
          &lt;div class=&quot;col-md-4&quot;&gt; &lt;img src=&quot;/assets/img/icons/lineal/design.svg&quot; class=&quot;svg-inject icon-svg icon-svg-md text-leaf mb-3&quot; alt=&quot;&quot; /&gt;
            &lt;h4 class=&quot;mb-1&quot;&gt;3. Retouch&lt;/h4&gt;
            &lt;p class=&quot;mb-0&quot;&gt;Nulla vitae elit libero elit non porta gravida eget metus cras.&lt;/p&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>