	<?php include 'header.php' ?>

	<!-- Page Header Section Start -->
	<div class="page-header parallaxie">
	    <div class="container">
	        <div class="row">
	            <div class="col-md-12">
	                <!-- Subpage Header Box Start -->
	                <div class="page-header-box">
	                    <h1 class="text-anime">Contact Us</h1>

	                </div>
	                <!-- Subpage Header Box End -->
	            </div>
	        </div>
	    </div>
	</div>
	<!-- Page Header Section End -->


	<!-- Contact Details Section Start -->
	<div class="contact-details">
	    <div class="container">
	        <div class="row">
	            <div class="col-12">
	                <!-- Section Title Start -->
	                <div class="section-title">
	                    <h3>Conatct Us</h3>
	                    <h2>Our Contact Information</h2>
	                </div>
	                <!-- Section Title End -->
	            </div>
	        </div>

	        <div class="row">
	            <div class="col-lg-4 col-12">
	                <!-- Contact Detail Item Start -->
	                <div class="contact-detail-item wow fadeInUp" data-wow-delay="0.25s">
	                    <div class="icon-box">
	                        <img src="images/icon-address.svg" alt="">
	                    </div>

	                    <div class="contact-detail-body">
	                        <h3>Our Address</h3>
	                        <p>Bengaluru</p>
	                    </div>
	                </div>
	                <!-- Contact Detail Item End -->
	            </div>

	            <div class="col-lg-4 col-12">
	                <!-- Contact Detail Item Start -->
	                <div class="contact-detail-item wow fadeInUp" data-wow-delay="0.5s">
	                    <div class="icon-box">
	                        <img src="images/icon-contact-info.svg" alt="">
	                    </div>

	                    <div class="contact-detail-body">
	                        <h3>Call Now</h3>
	                        <p>
	                            Mobile: <a href="#">+91 99455 10525</a>
	                        </p>
	                    </div>
	                </div>
	                <!-- Contact Detail Item End -->
	            </div>

	            <div class="col-lg-4 col-12">
	                <!-- Contact Detail Item Start -->
	                <div class="contact-detail-item wow fadeInUp" data-wow-delay="0.75s">
	                    <div class="icon-box">
	                        <img src="images/icon-stay-info.svg" alt="">
	                    </div>

	                    <div class="contact-detail-body">
	                        <h3>Email Us</h3>
	                        <p>
	                            Email: <a href="#">info@sukiranaevents.com</a>
	                        </p>
	                    </div>
	                </div>
	                <!-- Contact Detail Item End -->
	            </div>
	        </div>
	    </div>
	</div>
	<!-- Contact Details Section End -->

	<!-- Contact Form Section Start -->
	<div class="contact-inquiry-box">
	    <div class="container">
	        <div class="row">
	            <div class="col-md-12">
	                <!-- Section Title Start -->
	                <div class="section-title">
	                    <h3 class="wow fadeInUp">Get in Touch</h3>
	                    <h2 class="text-anime">Free to Drop Us a Message</h2>
	                </div>
	                <!-- Section Title End -->
	            </div>
	        </div>

	        <div class="row">
	            <div class="col-lg-8 offset-lg-2">
	                <!-- Contact Form start -->
	                <div class="contact-form wow fadeInUp" data-wow-delay="0.5s">
	                    <form id="contactForm" action="#" method="POST" data-toggle="validator">
	                        <div class="row">
	                            <div class="form-group col-md-6 mb-4">
	                                <input type="text" name="name" class="form-control" id="name" placeholder="Your Name"
	                                    required>
	                                <div class="help-block with-errors"></div>
	                            </div>

	                            <div class="form-group col-md-6 mb-4">
	                                <input type="email" name="email" class="form-control" id="email"
	                                    placeholder="Email Address" required>
	                                <div class="help-block with-errors"></div>
	                            </div>

	                            <div class="form-group col-md-6 mb-4">
	                                <input type="text" name="phone" class="form-control" id="phone"
	                                    placeholder="Phone Number" required>
	                                <div class="help-block with-errors"></div>
	                            </div>

	                            <div class="form-group col-md-6 mb-4">
	                                <input type="text" name="subject" class="form-control" id="subject"
	                                    placeholder="Subject" required>
	                                <div class="help-block with-errors"></div>
	                            </div>

	                            <div class="form-group col-md-12 mb-4">
	                                <textarea name="msg" class="form-control" id="message" rows="5"
	                                    placeholder="Write Your Message" required></textarea>
	                                <div class="help-block with-errors"></div>
	                            </div>

	                            <div class="col-md-12 text-center">
	                                <button type="submit" class="btn-default">Send Message</button>
	                                <div id="msgSubmit" class="h3 text-left hidden"></div>
	                            </div>
	                        </div>
	                    </form>
	                </div>
	                <!-- Contact Form end -->
	            </div>
	        </div>
	    </div>
	</div>
	<!-- Contact Form Section End -->

	<!-- Google Map Section Start -->
	<div class="pt-3">
	    <div class="container">
	        <iframe
	            src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d497698.77492257906!2d77.30126545631455!3d12.954459534586531!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3bae1670c9b44e6d%3A0xf8dfc3e8517e4fe0!2sBengaluru%2C%20Karnataka!5e0!3m2!1sen!2sin!4v1753366603033!5m2!1sen!2sin"
	            width="100%" height="420" style="border:0; border-radius:20px" allowfullscreen="" loading="lazy"
	            referrerpolicy="no-referrer-when-downgrade"></iframe>
	    </div>
	</div>
	<!-- Google Map Section End -->

	<?php include 'footer.php' ?>