<!--Contact ========================================================= -->
<section class="contact">
    <div class="auto_container">
        <div class="contact_wrap">
            <div class="contact_body">
                <div class="contact_content" id="form-steps">
                    <div class="contact_title">
                        {{'page.contact_us'|_}}
                    </div>
                    <form action="#" data-request="onSend" data-request-validate data-request-flash class="contact_form">
                        <div class="contact_input">
                            <label for="name">{{'page.your_firstname'|_}}</label>
                            <input type="text" id="name" name="name" placeholder="{{'page.example'|_}}: {{'page.example_firstname'|_}}" required>
                            <span class="error_txt" data-validate-for="name" style="color: red;"></span>
                        </div>
                        <div class="contact_input">
                            <label for="surname">{{'page.your_lastname'|_}}</label>
                            <input type="text" id="surname" name="surname" placeholder="{{'page.example'|_}}: {{'page.example_lastname'|_}}" required>
                            <span class="error_txt" data-validate-for="surname" style="color: red;"></span>
                        </div>
                        <div class="contact_input">
                            <label for="mobile">{{'auth.phone'|_}}</label>
                            <input type="tel" id="mobile" name="mobile" placeholder="{{'page.example'|_}}: +993 65 656565" required>
                            <span class="error_txt" data-validate-for="mobile" style="color: red;"></span>
                        </div>
                        <div class="contact_input">
                            <label for="mail">{{'auth.email'|_}}</label>
                            <input type="email" id="email" name="email" placeholder="{{'page.example'|_}}: amanamanov@mail.ru" required>
                            <span class="error_txt" data-validate-for="email" style="color: red;"></span>
                        </div>
                        <div class="contact_comment">
                            <label for="comment">{{'page.message'|_}}</label>
                            <textarea id="message" name="content" placeholder="{{'page.describe_your_problem'|_}}" required></textarea>
                            <span class="error_txt" data-validate-for="content" style="color: red;"></span>
                        </div>
                        <button type="submit" class="btn btn--blue" data-attach-loading>
                            {{'account.send'|_}}
                        </button>
                    </form>
                </div>
                <div class="contact_info">
                    <div class="contact_title">
                        {{'footer.contacts'|_}}
                    </div>
                    <div class="contact_box">
                        <div class="contact_row">
                            <div class="contact_icon">
                                <img src="{{'assets/images/svg/phone-contact.svg'|theme}}" alt="">
                            </div>
                            <div class="row_content">
                                <div class="contact_sub_title">
                                    {{'footer.tel'|_}}:
                                </div>
                                <div class="contact_text">
                                    {{ phone }}
                                </div>
                                <div class="contact_text">
                                    {{ phone_2 }}
                                </div>
                                <div class="contact_text">
                                    {{ phone_3 }}
                                </div>
                            </div>
                        </div>
                        <div class="contact_row">
                            <div class="contact_icon">
                                <img src="{{'assets/images/svg/mail-contact.svg'|theme}}" alt="">
                            </div>
                            <div class="row_content">
                                <div class="contact_sub_title">
                                    E-mail:
                                </div>
                                <a href="#" class="contact_text">
                                    {{ email }}
                                </a>
                                <a href="#" class="contact_text">
                                    {{ email_2 }}
                                </a>
                            </div>
                        </div>
                        <div class="contact_row">
                            <div class="contact_icon">
                                <img src="{{'assets/images/svg/map.svg'|theme}}" alt="">
                            </div>
                            <div class="row_content">
                                <div class="contact_sub_title">
                                    {{'footer.address'|_}}:
                                </div>
                                <div class="contact_text">
                                    {{ address|raw }}
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="contact_map">
                <iframe
                    src="https://www.google.com/maps/embed?pb=!1m14!1m12!1m3!1d4717.752912640435!2d58.3471755851883!3d37.89018758608436!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!5e0!3m2!1sru!2s!4v1618775798801!5m2!1sru!2s"
                    width="100%" height="450" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
            </div>
        </div>
    </div>
</section>
<!--Contact  end ==================================================== -->