    <section class="cot-main">
        <div class="cont-bg">
            <div class="cot-card">
                <div id="form-content">            
                    <h5>¡Mándanos mensaje!</h5>
                    <form id="form" action="views/correo.php">
                        <label for="name">Nombre</label>
                        <input type="text" id="name" name="name" required>
                        <label for="tel">Teléfono</label>
                        <input type="text" id="tel" name="tel" required>
                        <label for="email">Correo</label>
                        <input type="email" type="email" id="email" name="email" required> 
                        <label for="para">Para</label>
                        <select id="para" name="para">
                            <option value="culiacan">Culiacán</option>
                            <option value="mochis">Mazatlán</option>
                            <option value="mazatlan">Los Mochis</option>
                        </select>
                        <label for="tipo">Tipo de servicio</label>
                        <div class="radio-buttons">
                            <label for="para">Residencial</label>
                            <input type="radio" name="tipo" id="tipo" value="res">
                            <label for="para">Empresarial</label>
                            <input type="radio" name="tipo" id="tipo" value="emp">  
                        </div>
                        <label for="message">Mensaje</label>
                        <textarea name="message" id="message" cols="30" rows="10" required></textarea>
                        <button id="submit" type="submit" name="submit" class="btn btn-primary btn-sm">Enviar</button>
                    </form>
                </div>
                <div class="loader hidden"></div>
                <div id="success" class="hidden">
                    <h3>MENSAJE ENVIADO</h3>
                    <p>Lo atenderemos lo antes posible</p>
                    <button type="button" name="volver" class="btn btn-primary btn-sm btn-volver">Volver</button>
                </div>
                <div id="error" class="hidden">
                    <h3>ERROR</h3>
                    <p>Intente de nuevo más tarde</p>
                    <button type="button" name="volver" class="btn btn-primary btn-sm btn-volver">Volver</button>
                </div>
            </div>   
        </div>
    </section>