<div class="section notopmargin nobottommargin dark bg-dark-gray">
    <div class="container">
        <div class="row justify-content-between mt-5">
            <!-- Heading Title
            ============================================= -->
            <div class="col-md-12">
                <small class="text-muted uppercase t300 ls3 d-block">Interessado?</small>
                <h2 class="t700 ls0 mb-3" style="font-size: 64px; line-height: 1.2">Solicite um orçamento.</h2>
                <p class="text-muted" style="font-size: 26px;">Quer ser o melhor na estamparia digital têxtil? Clique abaixo e solicite um orçamento!</p>
                <div class="d-flex align-items-center mt-4">
                    <a href="#modalOrcamento" data-lightbox="inline" class="button button-change nott button-large dark t300 gradient-border ml-0 mt-4 mb-0">
                        <span> Solicite um orçamento</span>
                        <span><i class="fal fa-dollar-sign"></i>
                            <a href="<?= CONF_SOCIAL_FACEBOOK_PAGE ?>" target="_blank" class="my-0 ml-3 mt-4 social-icon inline-block si-small si-borderless si-facebook">
                                <i class="icon-facebook"></i>
                                <i class="icon-facebook"></i>
                            </a>

                            <a href="<?= CONF_SOCIAL_INSTAGRAM_PAGE ?>" target="_blank" class="my-0 ml-1 mt-4 social-icon inline-block si-small si-borderless si-instagram">
                                <i class="icon-instagram"></i>
                                <i class="icon-instagram"></i>
                            </a>
                </div>
            </div>
            <!-- Testimonials
            ============================================= -->
        </div>
    </div>
</div>

<div class="modal1 mfp-hide fadeIn fast" id="modalOrcamento">
    <div class="card noborder divcenter" style="max-width: 500px;">
        <div class="section center nomargin" style="padding: 30px;">
            <h3 class="card-title font-body">Solicite um orçamento</h3>
        </div>
        <div class="card-body p-4">
            <form class="nobottommargin position-relative" action="<?= url("contact")?>" method="post">
                <div class="form-widget">
                    <div class="form-process"></div>
                    <div class="row">
                        <div class="col-12 form-group">
                            <label for="modal-health-name">Nome*</label>
                            <input type="text" name="name" class="form-control required" value="" placeholder="Nome Completo">
                        </div>
                        <div class="col-12 mb-2">
                            <label for="modal-health-email">Email*</label>
                            <input type="email" name="email" class="form-control required" value="" placeholder="Seu melhor email">
                        </div>
                        <div class="col-12 mb-2">
                            <label for="modal-health-email">Telefone*</label>
                            <input type="text" name="phone" class="form-control required mask-phone" value="" placeholder="Seu telefone">
                        </div>
                        <div class="col-12 mb-2">
                            <label for="modal-health-email">Produto</label>
                            <input type="email" name="product" class="form-control required" value="<?= $product ?>" readonly>
                        </div>
                        <div class="col-12 mb-2">
                            <label for="modal-health-email">Descreva sua necessidade</label>
                            <textarea name="message" class="form-control"></textarea>
                        </div>
                        <div class="col-12 form-group">
                            <small>Não se preocupe, não divulgamos seu email!</small>
                        </div>
                        <div class="col-12 hidden">
                            <input type="text" id="modal-health-botcheck" name="modal-health-botcheck" value="" />
                        </div>
                        <input type="hidden" name="action" value="orcamento">
                        <input type="hidden" name="subject" value="Orçamento de <?= $product ?>">
                    </div>
                </div>
        </div>
        <div class="section center nomargin" style="padding: 30px;">
            <button href="#" class="button rounded">Enviar</button>
            <a href="#" class="button button-dark rounded" onClick="$.magnificPopup.close();return false;">Fechar</a>
        </div>
        </form>
    </div>
</div>