{% set changeLastItemIsDefined = changeLastItem is defined %}
{% set titleIsDefined = title is defined %}
<div class="container my-5">
{% if (titleIsDefined) %}
<div class="row">
<div class="col-12">
<h2 class="point light">{{ title }}</h2>
</div>
</div>
{% endif %}
{% for itemRow in items|batch(4) %}
{% set isLastItem = loop.last %}
<div class="row gy-4 g-lg-4 mb-4 match-height-three-links-box service-group" data-match-height-group="three-links-box-group">
{% for item in itemRow %}
<div class="col-12 col-lg-6 service-group-item {{ changeLastItemIsDefined and changeLastItem ? ((loop.last and isLastItem) ? 'last-item' : '') : '' }}">
{% set borderBottomEnabled = changeLastItemIsDefined and changeLastItem and (isLastItem and loop.last) ? false : true %}
{{ include('@components/three-links-box.html.twig', {
backgroundColorClass: 'service-group-item-background',
title: item.servicesOverviewBlockTitle,
text: item.servicesOverviewBlockText,
links: [
include('@components/link.html.twig', {
text: item.servicesLinkText,
link: item.servicesLinkUrl,
borderBottom: borderBottomEnabled,
textRight: borderBottomEnabled ? false : true
}),
include('@components/link.html.twig', {
text: item.servicesLinkText1,
link: item.servicesLinkUrl1,
borderBottom: borderBottomEnabled,
textRight: borderBottomEnabled ? false : true
}),
include('@components/link.html.twig', {
text: item.servicesLinkText2,
link: item.servicesLinkUrl2,
borderBottom: borderBottomEnabled,
textRight: borderBottomEnabled ? false : true
})
],
}) }}
</div>
{% endfor %}
</div>
{% endfor %}
</div>