<!-- Page Header Section Start -->
    <div class="page-header bg-section parallaxie">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <!-- Page Header Box Start -->
                    <div class="page-header-box">
                        <h1 class="text-anime-style-3" data-cursor="-opaque">Contact Inside Research</h1>
                        <nav class="wow fadeInUp">
                            <ol class="breadcrumb">
                                <li class="breadcrumb-item"><a href="index.html">home</a></li>
                                <li class="breadcrumb-item active" aria-current="page">Contact Us</li>
                            </ol>
                        </nav>
                    </div>
                    <!-- Page Header Box End -->
                </div>
            </div>
        </div>
    </div>
    <!-- Page Header Section End -->

    <!-- Page Contact Us Start -->
    <div class="page-contact-us">
        <div class="container">
            <div class="row">
                <div class="col-xl-12">
                    <!-- Contact Image Form Box Start -->
                    <div class="contact-content-form-box">                        
                        <div class="contact-us-content-box">
                            <div class="contact-us-content-header">
                                <div class="contact-us-content">
                                    <h2 class="text-anime-style-3" data-cursor="-opaque">Let’s Connect & Start Your MCX Trading Journey</h2>
                                    <p class="wow fadeInUp">Have questions about our MCX advisory plans, the Inside Research app, or how our expert guidance can help you trade commodities with confidence? Fill out the form or reach out directly – we’re here to assist.</p>
                                </div>                            

                                <!-- Contact Info List Start -->
                                <div class="contact-info-list">
                                    <!-- Conatct Info Item Start -->
                                    <div class="contact-info-item wow fadeInUp" data-wow-delay="0.2s">
                                        <div class="icon-box">
                                            <img src="<?php echo base_url();?>assets/images/icon-phone-primary.svg" alt="">
                                        </div>
                                        <div class="contact-info-item-content">
                                            <h3>Call / WhatsApp</h3>
                                            <p><a href="tel:+919876543210">+91 98765 43210</a></p>
                                        </div>
                                    </div>
                                    <!-- Conatct Info Item End -->

                                    <!-- Conatct Info Item Start -->
                                    <div class="contact-info-item wow fadeInUp" data-wow-delay="0.4s">
                                        <div class="icon-box">
                                            <img src="<?php echo base_url();?>assets/images/icon-mail-primary.svg" alt="">
                                        </div>
                                        <div class="contact-info-item-content">
                                            <h3>Email Us</h3>
                                            <p><a href="mailto:care@insideresearch.com">care@insideresearch.com</a></p>
                                        </div>
                                    </div>
                                    <!-- Conatct Info Item End -->

                                    <!-- Conatct Info Item Start -->
                                    <div class="contact-info-item wow fadeInUp" data-wow-delay="0.6s">
                                        <div class="icon-box">
                                            <img src="<?php echo base_url();?>assets/images/icon-location-primary.svg" alt="">
                                        </div>
                                        <div class="contact-info-item-content">
                                            <h3>Our Office</h3>
                                            <p>Inside Research, B-501, Business Hub, Andheri East, Mumbai – 400069, India</p>
                                        </div>
                                    </div>
                                    <!-- Conatct Info Item End -->
                                </div>
                                <!-- Contact Info List End -->
                            </div>

                            <!-- Contact Social List Start -->
                            <div class="contact-social-list wow fadeInUp" data-wow-delay="0.8s">
                                <h3>Follow Us on Socials:</h3>
                                <ul>
                                    <li><a href="#"><i class="fa-brands fa-facebook-f"></i></a></li>
                                    <li><a href="#"><i class="fa-brands fa-dribbble"></i></a></li>
                                    <li><a href="#"><i class="fa-brands fa-instagram"></i></a></li>
                                    <li><a href="#"><i class="fa-brands fa-linkedin-in"></i></a></li>
                                </ul>
                            </div>
                            <!-- Contact Social List Start -->
                        </div>

                        <!-- Contact Form Start -->
                        <div class="contact-us-form">
                            <!-- Contact Form Start -->
                            <form id="contactForm" action="#" method="POST" data-toggle="validator" class="contact-form wow fadeInUp" data-wow-delay="0.2s">
                                <div class="row">
                                    <div class="form-group col-md-6 mb-4">
                                        <label>First Name:</label>
                                        <input type="text" name="fname" class="form-control" id="fname" placeholder="Your first name *" required>
                                        <div class="help-block with-errors"></div>
                                    </div>

                                    <div class="form-group col-md-6 mb-4">
                                        <label>Last Name:</label>
                                        <input type="text" name="lname" class="form-control" id="lname" placeholder="Your last name *" required>
                                        <div class="help-block with-errors"></div>
                                    </div>

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

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

                                    <div class="form-group col-md-12 mb-5">
                                        <label>Message / Query:</label>
                                        <textarea name="message" class="form-control" id="message" rows="5" placeholder="Tell us about your trading goals, preferred commodities, or any questions..."></textarea>
                                        <div class="help-block with-errors"></div>
                                    </div>

                                    <div class="col-md-12">
                                        <button type="submit" class="btn-default">Send Message</button>
                                        <div id="msgSubmit" class="h3 hidden"></div>
                                    </div>
                                </div>
                            </form>
                            <!-- Contact Form End -->
                        </div>
                        <!-- Contact Form End -->
                    </div>
                    <!-- Contact Image Form Box End -->
                </div>
            </div>
        </div>
    </div>
    <!-- Page Contact Us End -->

    <!-- Google Map Start -->
    <div class="google-map">
        <div class="container">
            <div class="row section-row">
                <div class="col-lg-12">
                    <!-- Section Title Start -->
                    <div class="section-title section-title-center">
                        <span class="section-sub-title wow fadeInUp">Visit Our Office</span>
                        <h2 class="text-anime-style-3" data-cursor="-opaque">Where Expertise Meets Your Trading Goals</h2>
                        <p class="wow fadeInUp" data-wow-delay="0.2s">Our Mumbai office is strategically located to serve traders and investors across India. Whether you prefer a personal meeting or virtual consultation, we are always accessible.</p>
                    </div>
                    <!-- Section Title End -->
                </div>
            </div>
        </div>

        <div class="container-fluid">
            <div class="row">
                <div class="col-lg-12">
                    <!-- Google Map IFrame Start -->
                    <div class="google-map-iframe">
                        <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d96737.10562045308!2d-74.08535042841811!3d40.739265258395164!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89c24fa5d33f083b%3A0xc80b8f06e177fe62!2sNew%20York%2C%20NY%2C%20USA!5e0!3m2!1sen!2sin!4v1703158537552!5m2!1sen!2sin" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
                    </div>
                    <!-- Google Map IFrame End -->
                </div>
            </div>
        </div>
    </div>
    <!-- Google Map End -->