<section class="is-relative section py-20" style="overflow: hidden;">
<img class="is-absolute is-left-0 is-bottom-0 mb-32 is-hidden-touch" src="zeus-assets/icons/dots/blue-dot-left-bars.svg" alt="">
<div class="container">
<div class="columns is-multiline is-vcentered">
<div class="is-relative column is-12 is-6-tablet is-6-desktop mb-6 mb-0-desktop">
<img class="image mx-auto is-fullwidth has-mw-md-touch is-block" src="zeus-assets/images/z-picture.png" alt="">
</div>
<div class="column is-12 is-6-tablet is-6-desktop">
<div class="has-mw-xl-desktop">
<h2 class="mb-16 mb-24-desktop title is-2">Lorem ipsum dolor sit amet consectetur</h2>
<div class="is-relative columns is-multiline pt-5">
<div class="is-relative column is-6 mb-12 -mt-8-desktop">
<img class="is-absolute is-top-0 -mt-10 is-left-0 ml-32 is-hidden-mobile" src="zeus-assets/icons/line-little-top.svg" alt="">
<span class="is-flex is-align-items-center is-justify-content-center mb-6 mb-8-desktop has-background-info has-text-white" style="width: 48px; height: 48px; border-radius: 100%;">1</span>
<h3 class="mb-4 title is-4">Dolor sit amet</h3>
<p class="is-size-5 has-text-grey-dark">Etiam pellentesque non nibh non pulvinar. Mauris posuere, tellus sit amet tempus vestibulum.</p>
</div>
<div class="is-relative column is-6 mb-12">
<span class="is-flex is-align-items-center is-justify-content-center mb-6 mb-8-desktop has-background-danger has-text-white" style="width: 48px; height: 48px; border-radius: 100%;">2</span>
<h3 class="mb-4 title is-4">Dolor sit amet</h3>
<p class="is-size-5 has-text-grey-dark">Etiam pellentesque non nibh non pulvinar. Mauris posuere, tellus sit amet tempus vestibulum.</p>
</div>
<div class="is-relative column is-6 mb-12 -mt-8-desktop">
<img class="is-absolute is-top-0 -mt-16 is-left-0 ml-32 is-hidden-mobile" src="zeus-assets/icons/line-little.svg" alt="">
<span class="is-flex is-align-items-center is-justify-content-center mb-6 mb-8-desktop has-background-warning has-text-white" style="width: 48px; height: 48px; border-radius: 100%;">3</span>
<h3 class="mb-4 title is-4">Dolor sit amet</h3>
<p class="is-size-5 has-text-grey-dark">Etiam pellentesque non nibh non pulvinar. Mauris posuere, tellus sit amet tempus vestibulum.</p>
</div>
<div class="is-relative column is-6 mb-12">
<span class="is-flex is-align-items-center is-justify-content-center mb-6 mb-8-desktop has-background-success has-text-white" style="width: 48px; height: 48px; border-radius: 100%;">4</span>
<h3 class="mb-4 title is-4">Dolor sit amet</h3>
<p class="is-size-5 has-text-grey-dark">Etiam pellentesque non nibh non pulvinar. Mauris posuere, tellus sit amet tempus vestibulum.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>