<section> <div class="container"> <div class="row mb-12 text-center icon-block"> <div class="col-12 text-center"> <hr /> <h3 class="text-dark mb-8">How we are built</h3> </div> <div class="lg:col-3 md:col-6 col-12 mb-12 lg:mb-0"> {{ renderSetting(11, 'content') }} {{ forceRenderHtmlBlock('Industry Experience')|raw }} </div> <div class="lg:col-3 md:col-6 col-12 mb-12 lg:mb-0"> {{ renderSetting(12, 'content') }} {{ forceRenderHtmlBlock('Professional Reputation')|raw }} </div> <div class="lg:col-3 md:col-6 col-12 mb-12 md:mb-0"> {{ renderSetting(13, 'content') }} {{ forceRenderHtmlBlock('Pioneers in Safety')|raw }} </div> <div class="lg:col-3 md:col-6 col-12"> {{ renderSetting(14, 'content') }} {{ forceRenderHtmlBlock('Customer Focused')|raw }} </div> </div> </div> </section> <section class="bg-dark dark-block py-16 text-center text-white text-lg"> <div class="container"> <div class="row"> <div class="col-12"> {{ forceRenderHtmlBlock('Company Culture')|raw }} </div> </div> </div> </section> {% if page.image3 %} <div class="parallax-img lazyBackgroundImage" data-mobile="{{ renderSetting(26, 'image') }}" data-desktop="{{ renderSetting(26, 'image') }}"></div> {% endif %} <section class="bg-pattern vision-values mb-12 text-white py-16 text-center"> <div class="container"> <div class="row"> <div class="lg:col-4 mb-12 lg:mb-0"> <span class="p-10 bg-white inline-flex justify-center items-center text-5xl text-dark rounded-full mb-8"> {{ renderSetting(15, 'content') }} </span> {{ forceRenderHtmlBlock('Our Mission')|raw }} </div> <div class="lg:col-4 mb-12 lg:mb-0"> <span class="p-10 bg-white inline-flex justify-center items-center text-5xl text-dark rounded-full mb-8"> {{ renderSetting(16, 'content') }} </span> {{ forceRenderHtmlBlock('Our Vision')|raw }} </div> <div class="lg:col-4"> <span class="p-10 bg-white inline-flex justify-center items-center text-5xl text-dark rounded-full mb-8"> {{ renderSetting(17, 'content') }} </span> {{ forceRenderHtmlBlock('Our Values')|raw }} </div> </div> </div> </section>