<section class="container_95 border_b_grey mb-16 pt-16"> <div class="w-11/12 lg:w-full xl:w-4/5 mx-auto text-center"> <div class="mx-auto w-full lg:w-3/4 xl:w-3/5 mb-16"> <h2 class=" subtitle_about mb-8 w-full" >{{ content.our_values_title }}</h2> <p > {{ content.our_values_content | raw }} </p> </div> <div class="mx-auto w-full mb-16 flex justify-center text-center flex-wrap gap-10 lg:gap-16"> {% for item in content.our_values_section %} <div class="col_value" > <h4>{{ item.item_title | raw }}</h4> <p>{{ item.item_content | raw }}</p> </div> {% endfor %} </div> <div class="mx-auto w-full mb-16 "> <img class=" rounded " src="{{ content.our_values_image.thumbnails['2880x800'] }}" /> </div> </div></section>