<!-- BEGIN content_for_contact -->
<section class="index-contact-section">
    <div class="section-wrapper">
        <div class="index-contact-left-wrapper">
            <h3 class="heading-title" mtb_edit="1">Get in Touch Today!</h3>
            <p class="sub-title" mtb_edit="1">Talk to our team and share your exciting ideas with Mietubl.We will always be ready to help.</p>
            <div class="widget-container">
                <div class="contact-widget">
                    <div class="icon-box"><img src="{{ site.asset_base_url}}static/tpl/screenprotector/images/whatsapp.svg"></div>
                    <div class="contact-widget-title">WhatsApp</div>
                    <div class="contact-widget-detail" mtb_edit="1">Questions about our product or pricing? Call for support</div>
                    <div class="contact-widget-number">+ {{ site.dist.service_hotline }}</div>
                </div>

                <div class="contact-widget">
                    <div class="icon-box"><img src="{{ site.asset_base_url}}static/tpl/screenprotector/images/mail.svg"></div>
                    <div class="contact-widget-title">Email</div>
                    <div class="contact-widget-detail" mtb_edit="1">For more questions, you can also write to us.</div>
                    <div class="contact-widget-number">{{ site.dist.dist_email }}</div>
                </div>
            </div>
        </div>
        <div class="index-contact-right-wrapper">
            <div class="contact-form">
                <h3 class="heading-title" mtb_edit="1">Do feel free to leave us a message!</h3>
				<div class="sub-text" mtb_edit="1">We will get back to you as soon as possible.</div>
                <form id="form_contact" data-action="/contact" class="form-default" role="form">
                    <div class="input-container">
                        <label for="form-field-name" class="field-label">Name</label>
                        <input type="text" name="customer_name" id="form-field-name" class="field-textual" placeholder="Name">

                        <div class="mark-required">
                            <label for="form-field-email" class="elementor-field-label">Email</label>
                            <input size="1" type="email" name="email" id="form-field-email" class="field-textual" placeholder="Email" required="required" aria-required="true">
                        </div>
                        <div class="mark-required">
                            <label for="form-field-field_1076d06" class="elementor-field-label">Whatsapp</label>
                            <input size="1" type="text" name="whats_app" id="form-field-field_1076d06" class="field-textual" placeholder="+" required="required" aria-required="true">
                        </div>
                        <div class="mark-required">
                            <label for="form-field-message" class="elementor-field-label">Message</label>
                            <textarea class="field-textual" name="content" id="form-field-message" rows="4" placeholder="Message"></textarea>
                        </div>
                        <div class="button-wrapper" id="send_button" style="cursor: pointer;"> Send</div>
                    </div>
                </form>
            </div>
        </div><!--index-contact-right-wrapper"-->
    </div>
</section>
<!-- END content_for_contact -->