<!--Contact Map Section-->
<section class="contact-map-section">

    <!--Map Outer-->
    <div class="map-outer">
        <!--Map Canvas-->
        <div class="map-canvas"
            data-zoom="8"
            data-lat="<?php echo esc_js($lat); ?>"
            data-lng="<?php echo esc_js($long); ?>"
            data-type="roadmap"
            data-hue="#ffc400"
            data-title="<?php echo esc_js($mark_title); ?>"
            data-icon-path="<?php echo esc_js($img); ?>"
            data-content="<?php echo esc_js($address); ?><br><a href='mailto:<?php echo esc_attr(sanitize_email($email)); ?>'><?php echo esc_attr(sanitize_email($email)); ?></a>">
        </div>
    </div>

    <div class="auto-container clearfix">
        <div class="form-outer">
            <div class="inner-box">
                <h2><?php echo wp_kses_post($title); ?></h2>
                <div class="text"><?php echo wp_kses_post($text); ?></div>
                
                <!-- Default Form -->
                <div class="default-form">
                    <?php echo do_shortcode($contact_form); ?>
                </div>
                <!--End Default Form -->
            </div>
        </div>
    </div>
    
</section>
<!--End Contact Map Section-->