{% import 'Core/Layout/Templates/Macro/Replace.html.twig' as txt %}{% import 'Core/Layout/Templates/Macro/Wave.html.twig' as wave %}<section class="relative pt-20 lg:pt-32 pb-16 lg:pb-32" id="kontakty"> <div class="center relative pt-20 xl:pt-32"> {{ wave.line('top-0','fill-transparent stroke-blue-light') }} <div class="lg:flex lg:justify-between"> <div class="lg:w-1/2 xl:pr-12"> <div class="mb-8 lg:mb-14">{% for contactTitle in positions.contactTitle %}{% if contactTitle.html %}{{ txt.replace(contactTitle.html) }}{% endif %}{% endfor %}</div> <div class="mb-8 mid:mb-14 md:flex md:flex-wrap md:justify-between lg:text-lg/relaxed [&_p]:relative [&_p]:pl-10 [&_p_+_p]:mt-10 mid:[&_p_+_p]:mt-14 [&_p_+_div]:mt-10 mid:[&_p_+_div]:mt-14 [&_p_>_svg]:left-0 [&_p_>_svg]:absolute [&_p_>_svg]:w-6 [&_p_>_svg]:h-6 [&_p_>_svg]:fill-red [&_p_>_svg]:top-1 [&_em]:not-italic [&_em]:text-gray-dark [&_em]:text-sm/relaxed md:[&_em]:text-base/relaxed"> <div class="mb-8 md:mb-0 lg:mb-10 xl:mb-0 md:w-1/2 lg:w-full xl:w-1/2 [&_div]:pl-10"> {% for contact1 in positions.contact1 %}{% if contact1.html %}{{ txt.replace(contact1.html) }}{% endif %}{% endfor %} </div> <div class="md:w-1/2 lg:w-full xl:w-1/2"> {% for contact2 in positions.contact2 %}{% if contact2.html %}{{ txt.replace(contact2.html) }}{% endif %}{% endfor %} </div> </div> <div class="mb-8 mid:mb-14 pl-10 text-gray-dark leading-loose [&_p_+_p]:mt-6 mid:[&_p_+_p]:mt-10">{% for contact3 in positions.contact3 %}{% if contact3.html %}{{ txt.replace(contact3.html) }}{% endif %}{% endfor %}</div> </div> <div class="form--contact relative lg:w-1/2 lg:pl-8">{% for contactForm in positions.contactForm %}{% if contactForm.html %}{{ txt.replace(contactForm.html) }}{% endif %}{% endfor %}</div> </div> </div></section>