<div class="bg-grey"> <div class="container py-5"> <div class="row"> <div class="col-12"> <h2 class="point light">{{ title }}</h2> </div> </div> <div class="row match-height-icon-white-box g-4" data-match-height-group="icon-white-box-group"> {% for item in items %} <div class="col-12 col-lg-6"> <div class="p-3 p-sm-5 bg-white icon-white-box d-flex flex-column align-items-center justify-content-between"> <div class="{{ item.overviewBlockUrl is not empty ? 'mb-5' : ''}}"> {{ include('@components/icon-rounded-text-training.html.twig', { icon: item.overviewBlockImage.url, text: item.overviewBlockTitle }) }} <div class="text-center mt-3"> {{ item.overviewBlockText|raw }} </div> </div> {% if (item.overviewBlockUrl is not empty) %} {{ include('@components/link.html.twig', { text: item.overviewUrlTitle, link: item.overviewBlockUrl|default('#') })}} {% endif %} {% if (item.overviewBlockUrl1 is not empty) %} {{ include('@components/link.html.twig', { text: item.overviewUrlTitle1, link: item.overviewBlockUrl1|default('#') })}} {% endif %} </div> </div> {% endfor %} </div> </div></div>