<section class="latest-projects">
    <div class="container-fluid latest-projects__wrap">
        <div class="row">
            <div class="offset-md-1 col-12 col-md-10 col-l-8 latest-projects__title-wrap">
                <h2 class="col-12 col-md-5 col-l-6">{{ fields.main_title }}</h2>
                <div class="col-12 col-md-7 col-l-6 latest-projects__title-inner">
                    <h5>{{ fields.subtitle }}</h5>
                </div>
            </div>
        </div>
        <div class="row justify-center">
            <div class="col-md-10 latest-projects__mobile-border">
                <div class="latest-projects__projects">
                    {% for project in fields.projects %}
                        {% include 'templates/partials/medium-project-card.twig' with {'project': project.project} %}
                    {% endfor %}
                </div>
            </div>
        </div>
        {% if fields.button_text %}
        <div class="row justify-center">
            <div class="col-10 d-flex justify-center">
                <a href="{{ our_work_page }}" class="btn btn--primary">{{ fields.button_text }}</a>
            </div>
        </div>
        {% endif %}
    </div>
</section>