<section class="contact-form-section {{ fields.border_bottom ? "green-border-bottom" : "" }}">
    <div class="container-fluid">
        <div class="row justify-center">
            <div class="col-12 col-xl-10 contact-form-section__inner">
                <div class="col-xl-5 contact-form-section__text-wrap">
                    <h1 class="h2">{{ fields.main_title }}</h1>
                    <p class="h5">{{ fields.subtitle_text }}</p>
                    <a href="mailto:{{ fields.mail }}" class="h5 text-primary-100">{{ fields.mail }}</a>
                </div>
                <div class="col-lg-6 offset-xl-1 contact-form-section__form-wrap js-contact-form">
                    {{ form }}
                    <div class="contact-form-section__response d-none js-form-response">
                        <img src="{{ fields.response_icon.url }}" alt="{{ fields.response_icon.alt }}" />
                        <div class="contact-form-section__response--inner">
                            <h3 class="t-700">{{ fields.response_title }}</h3>
                            <p class="h6">{{ fields.response_text }}</p>
                        </div>
                        <a href="{{ our_work_page }}" class="btn btn--primary">{{ fields.response_button_text }}</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>