<section class="pb-6 lg:pb-12 border-b border-solid border-primary mb-12"> <div class="container"> <div class="row"> <div class="col-12"> <h2 class="text-center">Featured Case Studies</h2> </div> </div> <div class="row"> {% for study in studies %} <div class="lg:col-4 mb-6 lg:mb-0"> <hr /> <img class="max-w-[50%] md:max-w-[30%] lg:max-w-[50%] max-h-[70px] h-auto mb-6" src="{{ imageCache('/' ~ study.client.getFullImagePath, 'cropResize', 760, 380) }}" loading="lazy" /> <h3>{{ study.title }}</h3> <p>{{ study.scope|nl2br }}</p> <a class="btnlink btnlink-primary mt-6" href="{{ generatePath( app.request, study.linkedPageId, {'study_slug' : study.slug } ) }}">Read More</a> </div> {% endfor %} </div> </div></section>