@extends('layouts.frontend')

@section('title', 'Contact Us | Talk to Study Abroad Experts - ISMS Global')
@section('meta_description', 'Contact ISMS Global Education. Speak with our expert counsellors for free study abroad guidance, university admissions, visa support, and offices across India.')

@section('content')
  <!-- MAIN CONTENT AREA -->
  <main>

    <!-- ==================== 2. HERO SECTION ==================== -->
    <section class="ct-hero-section">
      <img src="assets/world_map.svg" alt="World Map Overlay" class="ct-hero-map-overlay">
      
      <div class="container" style="position: relative; z-index: 2;">
        <div class="ct-hero-layout">
          
          <div class="ct-hero-content">
            <span class="ct-hero-eyebrow">CONTACT ISMS GLOBAL</span>
            <h1 class="ct-hero-title">
              We're Here to Help You<br>
              <span class="blue-text" style="color:#0D47D8;">Achieve Your Global</span><br>
              Education Goals
            </h1>
            <p class="ct-hero-sub">
              Have questions about studying abroad? Our experts are here to guide you at every step of your journey.
            </p>
          </div>

          <div class="ct-hero-media-box">
            <img src="assets/counselors.png" alt="ISMS Global Study Abroad Counsellor" class="ct-hero-img">
          </div>

        </div>

        <!-- 4 Hero Highlights Cards Row -->
        <div class="ct-hero-highlights-row">
          <div class="ct-highlight-card">
            <div class="ct-highlight-icon"><i class="fa-solid fa-headset"></i></div>
            <div class="ct-highlight-text">
              <strong>Expert Counselling</strong>
              <span>One-to-one guidance from experienced counsellors</span>
            </div>
          </div>

          <div class="ct-highlight-card">
            <div class="ct-highlight-icon"><i class="fa-solid fa-shield-halved"></i></div>
            <div class="ct-highlight-text">
              <strong>100% Free Services</strong>
              <span>All our counselling and application support is completely free</span>
            </div>
          </div>

          <div class="ct-highlight-card">
            <div class="ct-highlight-icon"><i class="fa-solid fa-clock"></i></div>
            <div class="ct-highlight-text">
              <strong>Quick Response</strong>
              <span>We respond to all inquiries within 24 hours</span>
            </div>
          </div>

          <div class="ct-highlight-card">
            <div class="ct-highlight-icon"><i class="fa-solid fa-users"></i></div>
            <div class="ct-highlight-text">
              <strong>End-to-End Support</strong>
              <span>From course selection to visa &amp; beyond, we're with you</span>
            </div>
          </div>
        </div>

      </div>
    </section>

    <!-- ==================== 3. QUICK CONTACT INFO CARDS ==================== -->
    <section class="ct-quick-info-section">
      <div class="container">
        <div class="ct-info-cards-grid">
          
          <!-- Card 1: Head Office Pune -->
          <div class="ct-info-card">
            <div class="ct-info-icon-circle"><i class="fa-solid fa-location-dot"></i></div>
            <h3>Head Office &ndash; Pune, India</h3>
            <p>ISMS Global, 2nd Floor, Baner Road, Near Pune University Circle, Pune &ndash; 411045, Maharashtra, India</p>
            <a href="https://maps.google.com" target="_blank" class="ct-info-link">Get Directions &rarr;</a>
          </div>

          <!-- Card 2: Call Us -->
          <div class="ct-info-card">
            <div class="ct-info-icon-circle"><i class="fa-solid fa-phone"></i></div>
            <h3>Call Us</h3>
            <p><strong>+91 95 61 77 66 00</strong><br><strong>+91 20 4860 6900</strong></p>
            <small>Mon - Sat: 10:00 AM - 7:00 PM</small>
          </div>

          <!-- Card 3: Email Us -->
          <div class="ct-info-card">
            <div class="ct-info-icon-circle"><i class="fa-regular fa-envelope"></i></div>
            <h3>Email Us</h3>
            <p>info@ismsglobal.com<br>counsellor@ismsglobal.com</p>
            <small>We reply within 24 hours</small>
          </div>

          <!-- Card 4: WhatsApp -->
          <div class="ct-info-card">
            <div class="ct-info-icon-circle whatsapp"><i class="fa-brands fa-whatsapp"></i></div>
            <h3>WhatsApp</h3>
            <p><strong>+91 95 61 77 66 00</strong></p>
            <small>Chat with our expert now</small>
            <a href="https://wa.me/919561776600" target="_blank" class="ct-info-link" style="color:var(--ct-whatsapp);">Chat Now &rarr;</a>
          </div>

        </div>
      </div>
    </section>

    <!-- ==================== 4. MAIN FORM & SIDEBAR SECTION ==================== -->
    <section class="ct-form-section">
      <div class="container">
        <div class="ct-form-layout">

          <!-- LEFT FORM CARD -->
          <div class="ct-form-card" id="ctEnquiryFormCard">
            <div class="ct-form-header">
              <div class="ct-form-header-icon"><i class="fa-solid fa-paper-plane"></i></div>
              <h2>Send Us a Message</h2>
            </div>
            <p class="ct-form-sub">Fill in your details and our expert will get in touch with you shortly.</p>

            <form class="ct-form-grid" id="ctEnquiryForm">
              @csrf
              <div class="ct-field-group">
                <label for="ctFullName">Name*</label>
                <div class="ct-input-wrap">
                  <input type="text" id="ctFullName" placeholder="Enter your full name" required>
                </div>
              </div>

              <div class="ct-field-group">
                <label for="ctEmail">Email Address*</label>
                <div class="ct-input-wrap">
                  <input type="email" id="ctEmail" placeholder="Enter your email" required>
                </div>
              </div>

              <div class="ct-field-group">
                <label for="ctWA">WhatsApp Number (WA)*</label>
                <div class="ct-input-wrap">
                  <input type="tel" id="ctWA" placeholder="Enter WhatsApp number" required>
                </div>
              </div>

              <div class="ct-field-group">
                <label for="ctCity">City*</label>
                <div class="ct-input-wrap">
                  <input type="text" id="ctCity" placeholder="Enter city" required>
                </div>
              </div>

              <div class="ct-field-group">
                <label for="ctState">State*</label>
                <div class="ct-input-wrap">
                  <input type="text" id="ctState" placeholder="Enter state" required>
                </div>
              </div>

              <div class="ct-field-group">
                <label for="ctLevelOfStudy">Level of Study*</label>
                <div class="ct-input-wrap">
                  <select id="ctLevelOfStudy" required onchange="toggleGraduationFields(this.value)">
                    <option value="">Select Level of Study</option>
                    <option value="Under-Graduate">Under-Graduate</option>
                    <option value="Post Graduate">Post Graduate</option>
                  </select>
                </div>
              </div>

              <div class="ct-field-group">
                <label for="ctPreferredDestination">Preferred Destination*</label>
                <div class="ct-input-wrap">
                  <select id="ctPreferredDestination" required>
                    <option value="">Select Destination</option>
                    <option value="UK">UK</option>
                    <option value="Ireland">Ireland</option>
                    <option value="Dubai">Dubai</option>
                    <option value="Germany">Germany</option>
                    <option value="France">France</option>
                    <option value="Australia">Australia</option>
                    <option value="Spain">Spain</option>
                    <option value="New Zealand">New Zealand</option>
                    <option value="USA">USA</option>
                  </select>
                </div>
              </div>

              <div class="ct-field-group">
                <label for="ctPreferredCourse">Preferred Course*</label>
                <div class="ct-input-wrap">
                  <select id="ctPreferredCourse" required>
                    <option value="">Select Course</option>
                    <option value="Business & Management">Business & Management</option>
                    <option value="Engineering">Engineering</option>
                    <option value="Nursing & Healthcare">Nursing & Healthcare</option>
                    <option value="Hospitality & Tourism">Hospitality & Tourism</option>
                    <option value="IT">IT</option>
                    <option value="AI">AI</option>
                    <option value="Luxury & Fashion">Luxury & Fashion</option>
                    <option value="Architecture & Design">Architecture & Design</option>
                    <option value="Agriculture & Environmental Science">Agriculture & Environmental Science</option>
                    <option value="Law">Law</option>
                    <option value="Accounting & Finance">Accounting & Finance</option>
                    <option value="International Relations & Political Science">International Relations & Political Science</option>
                    <option value="Others">Others</option>
                  </select>
                </div>
              </div>

              <div class="ct-field-group">
                <label for="ctEduQual">Education Qualification*</label>
                <div class="ct-input-wrap">
                  <input type="text" id="ctEduQual" placeholder="e.g. 12th, B.Sc, B.Tech" required>
                </div>
              </div>

              <div class="ct-field-group">
                <label for="ctSSCMarks">SSC Marks*</label>
                <div class="ct-input-wrap">
                  <input type="text" id="ctSSCMarks" placeholder="SSC Marks (e.g. 85%)" required>
                </div>
              </div>

              <div class="ct-field-group">
                <label for="ctHSCMarks">HSC Marks*</label>
                <div class="ct-input-wrap">
                  <input type="text" id="ctHSCMarks" placeholder="HSC Marks (e.g. 80%)" required>
                </div>
              </div>

              <div class="ct-field-group" id="gradSpecializationGroup" style="display:none;">
                <label for="ctGradSpecialization">Graduation Specialization*</label>
                <div class="ct-input-wrap">
                  <input type="text" id="ctGradSpecialization" placeholder="e.g. Computer Science">
                </div>
              </div>

              <div class="ct-field-group" id="gradMarksGroup" style="display:none;">
                <label for="ctGradMarks">Graduation Marks*</label>
                <div class="ct-input-wrap">
                  <input type="text" id="ctGradMarks" placeholder="e.g. 75%">
                </div>
              </div>

              <div class="ct-field-group">
                <label for="ctFundingSource">How Would You Fund Your Education?*</label>
                <div class="ct-input-wrap">
                  <select id="ctFundingSource" required>
                    <option value="">Select Funding Option</option>
                    <option value="Self Funded">Self Funded</option>
                    <option value="Parents">Parents</option>
                    <option value="Seeking Scholarship">Seeking Scholarship</option>
                    <option value="Bank Loan">Bank Loan</option>
                    <option value="Others">Others</option>
                  </select>
                </div>
              </div>

              <div class="ct-checkbox-row full-width" style="grid-column: span 2;">
                <input type="checkbox" id="ctTerms" required>
                <label for="ctTerms">I agree to ISMS Global <a href="#" style="color:var(--ct-primary);">terms &amp; policy</a> and <a href="/privacy-policy" style="color:var(--ct-primary);">privacy policy</a></label>
              </div>

              <button type="submit" class="btn-submit-enquiry" style="grid-column: span 2;">
                Submit Enquiry <i class="fa-solid fa-arrow-right"></i>
              </button>
            </form>

            <script>
              function toggleGraduationFields(level) {
                const specGroup = document.getElementById('gradSpecializationGroup');
                const marksGroup = document.getElementById('gradMarksGroup');
                const specInput = document.getElementById('ctGradSpecialization');
                const marksInput = document.getElementById('ctGradMarks');

                if (level === 'Post Graduate') {
                  specGroup.style.display = 'block';
                  marksGroup.style.display = 'block';
                  specInput.required = true;
                  marksInput.required = true;
                } else {
                  specGroup.style.display = 'none';
                  marksGroup.style.display = 'none';
                  specInput.required = false;
                  marksInput.required = false;
                  specInput.value = '';
                  marksInput.value = '';
                }
              }
            </script>
          </div>

          <!-- RIGHT SIDEBAR COLUMN -->
          <aside class="ct-sidebar-column">
            
            <!-- Card 1: Why Contact ISMS Global? -->
            <div class="ct-sidebar-card">
              <div style="display:flex; align-items:center; gap:10px; margin-bottom:12px;">
                <div class="ct-form-header-icon" style="width:34px; height:34px; font-size:15px;"><i class="fa-solid fa-shield-halved"></i></div>
                <h3 style="margin-bottom:0;">Why Contact ISMS Global?</h3>
              </div>

              <div class="ct-why-list">
                <div class="ct-why-item"><i class="fa-solid fa-circle-check"></i> Free expert counselling for all study abroad queries</div>
                <div class="ct-why-item"><i class="fa-solid fa-circle-check"></i> Personalized guidance as per your profile and goals</div>
                <div class="ct-why-item"><i class="fa-solid fa-circle-check"></i> University &amp; course shortlisting</div>
                <div class="ct-why-item"><i class="fa-solid fa-circle-check"></i> Scholarship and loan assistance</div>
                <div class="ct-why-item"><i class="fa-solid fa-circle-check"></i> Visa application &amp; documentation support</div>
                <div class="ct-why-item"><i class="fa-solid fa-circle-check"></i> Pre-departure &amp; post-arrival support</div>
              </div>
            </div>

            <!-- Card 2: Talk to an Expert Now -->
            <div class="ct-talk-expert-card">
              <h3>Talk to an Expert Now</h3>
              <p>Speak directly with our senior counsellor and get instant answers.</p>
              <a href="tel:+919561776600" class="btn-ct-call">
                <i class="fa-solid fa-phone"></i> Call Now
              </a>
              <img src="assets/Girl.png" alt="Counsellor Avatar" class="ct-counsellor-side-img">
            </div>

          </aside>

        </div>
      </div>
    </section>

    <!-- ==================== 5. OUR OFFICES SECTION ==================== -->
    <section class="ct-offices-section">
      <div class="container">
        <span class="ct-offices-eyebrow">OUR OFFICES</span>
        <h2>We Are Located Across Key Cities</h2>

        <div class="ct-city-cards-grid">

          <!-- City 1: Mumbai -->
          <div class="ct-city-card">
            <div class="ct-city-img-wrap">
              <img src="assets/building_india.jpg" alt="Mumbai Gateway of India">
            </div>
            <div class="ct-city-body">
              <h3>Mumbai</h3>
              <p>215, 2nd Floor, Andheri Kurla Road, Andheri East, Mumbai &ndash; 400069</p>
              <small>+91 22 4970 8665</small>
              <a href="https://maps.google.com" target="_blank" class="ct-city-link">Get Directions &rarr;</a>
            </div>
          </div>

          <!-- City 2: Bengaluru -->
          <div class="ct-city-card">
            <div class="ct-city-img-wrap">
              <img src="assets/img_photo-1562774053-701939374585.jpg" alt="Bengaluru Vidhana Soudha">
            </div>
            <div class="ct-city-body">
              <h3>Bengaluru</h3>
              <p>503, 5th Floor, 80 Feet Road, Koramangala, Bengaluru &ndash; 560095, Karnataka</p>
              <small>+91 80 4162 2299</small>
              <a href="https://maps.google.com" target="_blank" class="ct-city-link">Get Directions &rarr;</a>
            </div>
          </div>

          <!-- City 3: New Delhi -->
          <div class="ct-city-card">
            <div class="ct-city-img-wrap">
              <img src="assets/img_photo-1541829070764-84a7d30dd3f3.jpg" alt="New Delhi India Gate">
            </div>
            <div class="ct-city-body">
              <h3>New Delhi</h3>
              <p>101, 1st Floor, Lajpat Nagar 2, New Delhi &ndash; 110024</p>
              <small>+91 11 4105 0111</small>
              <a href="https://maps.google.com" target="_blank" class="ct-city-link">Get Directions &rarr;</a>
            </div>
          </div>

          <!-- City 4: Hyderabad -->
          <div class="ct-city-card">
            <div class="ct-city-img-wrap">
              <img src="assets/img_photo-1523240795612-9a054b0db644.jpg" alt="Hyderabad Charminar">
            </div>
            <div class="ct-city-body">
              <h3>Hyderabad</h3>
              <p>A-52, 2nd Floor, Punjagutta, Hyderabad &ndash; 500082, Telangana</p>
              <small>+91 40 4855 7733</small>
              <a href="https://maps.google.com" target="_blank" class="ct-city-link">Get Directions &rarr;</a>
            </div>
          </div>

          <!-- City 5: Chennai -->
          <div class="ct-city-card">
            <div class="ct-city-img-wrap">
              <img src="assets/img_photo-1564981797816-1043664bf78d.jpg" alt="Chennai Ripon Building">
            </div>
            <div class="ct-city-body">
              <h3>Chennai</h3>
              <p>No. 18, 2nd Floor, T. Nagar, Chennai &ndash; 600017, Tamil Nadu</p>
              <small>+91 44 4217 8899</small>
              <a href="https://maps.google.com" target="_blank" class="ct-city-link">Get Directions &rarr;</a>
            </div>
          </div>

          <!-- City 6: Pune (Head Office) -->
          <div class="ct-city-card">
            <div class="ct-city-img-wrap">
              <img src="assets/img_photo-1566073771259-6a8506099945.jpg" alt="Pune Head Office">
            </div>
            <div class="ct-city-body">
              <h3>Pune (Head Office)</h3>
              <p>2nd Floor, Baner Road, Near Pune University Circle, Pune &ndash; 411045</p>
              <small>+91 95 61 77 66 00</small>
              <a href="https://maps.google.com" target="_blank" class="ct-city-link">Get Directions &rarr;</a>
            </div>
          </div>

        </div>
      </div>
    </section>

    <!-- ==================== 6. GOOGLE MAP & FAQ SECTION ==================== -->
    <section class="ct-map-faq-section">
      <div class="container">
        <div class="ct-map-faq-grid">
          
          <!-- LEFT GOOGLE MAP EMBED -->
          <div class="ct-map-card">
            <iframe class="ct-map-iframe" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3782.2612345678!2d73.807!3d18.556!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3bc2bec700000001%3A0x123456789abcdef!2sBaner%20Rd%2C%20Pune%2C%20Maharashtra!5e0!3m2!1sen!2sin!4v1600000000000!5m2!1sen!2sin" allowfullscreen="" loading="lazy"></iframe>
            
            <div class="ct-map-overlay-box">
              <strong>ISMS Global &ndash; Head Office</strong>
              <span>2nd Floor, Baner Road, Near Pune University Circle, Pune &ndash; 411045</span>
              <a href="https://maps.google.com" target="_blank">View larger map</a>
            </div>
          </div>

          <!-- RIGHT FAQ ACCORDION -->
          <div class="ct-faq-box">
            <h2>Frequently Asked Questions</h2>

            <div class="ct-faq-accordion">
              <div class="ct-faq-item active">
                <div class="ct-faq-question">
                  <span>Is counselling really free at ISMS Global?</span>
                  <i class="fa-solid fa-chevron-down"></i>
                </div>
                <div class="ct-faq-answer">
                  Yes! All our preliminary counselling, university shortlisting, and application support services are 100% free for students.
                </div>
              </div>

              <div class="ct-faq-item">
                <div class="ct-faq-question">
                  <span>What information do I need to provide?</span>
                  <i class="fa-solid fa-chevron-down"></i>
                </div>
                <div class="ct-faq-answer">
                  You just need to share your academic marksheets, test scores (IELTS/TOEFL if available), and your preferred study destination and course choices.
                </div>
              </div>

              <div class="ct-faq-item">
                <div class="ct-faq-question">
                  <span>How soon will I receive a response?</span>
                  <i class="fa-solid fa-chevron-down"></i>
                </div>
                <div class="ct-faq-answer">
                  Our expert counsellors review every enquiry and respond within 24 hours on working days.
                </div>
              </div>

              <div class="ct-faq-item">
                <div class="ct-faq-question">
                  <span>Can I connect through WhatsApp?</span>
                  <i class="fa-solid fa-chevron-down"></i>
                </div>
                <div class="ct-faq-answer">
                  Absolutely! You can message us on WhatsApp at +91 95 61 77 66 00 for instant queries and guidance.
                </div>
              </div>

              <div class="ct-faq-item">
                <div class="ct-faq-question">
                  <span>Do you help with visa applications?</span>
                  <i class="fa-solid fa-chevron-down"></i>
                </div>
                <div class="ct-faq-answer">
                  Yes, we provide end-to-end visa application guidance, documentation check, mock interview practice, and post-visa support.
                </div>
              </div>
            </div>

            <a href="/sitemap" style="font-size:13.5px; font-weight:700; color:var(--ct-primary); text-decoration:none;">View All FAQs &rarr;</a>
          </div>

        </div>
      </div>
    </section>

    <!-- ==================== 7. BOTTOM CTA BANNER ==================== -->
    <div class="container">
      <section class="ct-bottom-banner">
        <div class="ct-banner-inner">
          <img src="assets/Books.png" alt="Graduation Cap & Books" class="ct-cta-left-gfx">
          
          <div class="ct-cta-center">
            <h2>Begin Your Study Abroad Journey Today!</h2>
            <p>Book a free counselling session with our experts and take the first step towards your global education.</p>
          </div>

          <div class="ct-cta-actions">
            <button type="button" class="btn-cta-blue" onclick="document.getElementById('ctFullName').focus();">
              Book Free Counselling <i class="fa-solid fa-arrow-right"></i>
            </button>
            <button type="button" class="btn-cta-outline-white">
              <i class="fa-solid fa-headset"></i> Talk to an Expert
            </button>
          </div>
        </div>
      </section>
    </div>

  </main>

  <!-- ==================== 8. SITE FOOTER ==================== -->
  <footer class="site-footer">
    <div class="container footer-grid">
      <div class="footer-brand">
        <a href="/" class="logo logo-footer"><img src="assets/logo.png" alt="ISMS Global Education Logo" class="brand-logo-img footer-logo-img"></a>
        <p>ISMS Global is your trusted partner for studying abroad. We provide end-to-end support for admissions, visas, scholarships and a successful international education journey.</p>
        <ul class="footer-highlights">
          <li><i class="fa-solid fa-earth-americas"></i><div><strong>Global Expertise</strong><span>Years of experience in international education and student success.</span></div></li>
          <li><i class="fa-solid fa-user-group"></i><div><strong>Student First</strong><span>Personalized guidance and support at every step of your journey.</span></div></li>
          <li><i class="fa-solid fa-shield-halved"></i><div><strong>Integrity &amp; Trust</strong><span>Transparent processes and honest advice you can rely on.</span></div></li>
        </ul>
      </div>

      <div class="footer-col"><h5>Quick Links</h5>
        <ul><li><a href="/">Home</a></li><li><a href="/about">About Us</a></li><li><a href="/services">Our Services</a></li><li><a href="/study-abroad-counselling">Study Abroad Counselling</a></li><li><a href="index.html#destinations">Study Destinations</a></li><li><a href="/universities">Universities</a></li><li><a href="/courses">Courses</a></li><li><a href="/scholarship">Scholarships</a></li><li><a href="/blog">Blogs &amp; Resources</a></li><li><a href="/contact">Contact Us</a></li><li><a href="/sitemap">Sitemap</a></li></ul>
      </div>

      <div class="footer-col"><h5>Study Destinations</h5>
        <ul>
          <li><a href="index.html#destinations"><img src="assets/flag_w40_ca.png" class="flag-icon" alt="Canada Flag"> Canada</a></li>
          <li><a href="index.html#destinations"><img src="assets/flag_w40_us.png" class="flag-icon" alt="USA Flag"> USA</a></li>
          <li><a href="index.html#destinations"><img src="assets/flag_w40_gb.png" class="flag-icon" alt="UK Flag"> UK</a></li>
          <li><a href="index.html#destinations"><img src="assets/flag_w40_au.png" class="flag-icon" alt="Australia Flag"> Australia</a></li>
          <li><a href="index.html#destinations"><img src="assets/flag_w40_de.png" class="flag-icon" alt="Germany Flag"> Germany</a></li>
          <li><a href="index.html#destinations"><img src="assets/flag_w40_ie.png" class="flag-icon" alt="Ireland Flag"> Ireland</a></li>
          <li><a href="/dubai-destination"><img src="assets/flag_w40_ae.png" class="flag-icon" alt="Dubai Flag"> Dubai</a></li>
        </ul>
      </div>

      <div class="footer-col"><h5>Popular Courses</h5>
        <ul><li><a href="/courses">Business &amp; Management</a></li><li><a href="/courses">Engineering</a></li><li><a href="/courses">Information Technology</a></li><li><a href="/courses">Health &amp; Medicine</a></li><li><a href="/courses">Data Science &amp; AI</a></li><li><a href="/courses">Law</a></li></ul>
      </div>

      <div class="footer-col"><h5>Our Services</h5>
        <ul><li><a href="services.html#step-01">Course Selection</a></li><li><a href="services.html#step-02">Application Steps</a></li><li><a href="services.html#step-03">After Offer Letter</a></li><li><a href="services.html#step-04">Scholarships &amp; Loans</a></li><li><a href="services.html#step-05">Visa Preparation</a></li><li><a href="/study-abroad-counselling">Study Abroad Counselling</a></li></ul>
      </div>

      <div class="footer-col footer-newsletter"><h5>Newsletter</h5>
        <p>Stay updated with the latest study abroad news, scholarships, events and useful resources.</p>
        <form class="newsletter-form" onsubmit="return false;">
          <input type="email" placeholder="Enter your email address" required>
          <button type="submit" aria-label="Subscribe"><i class="fa-solid fa-paper-plane"></i></button>
        </form>
        <h6>Follow Us</h6>
        <div class="social-row">
          <a href="#" aria-label="Facebook"><i class="fa-brands fa-facebook-f"></i></a>
          <a href="#" aria-label="Instagram"><i class="fa-brands fa-instagram"></i></a>
          <a href="#" aria-label="LinkedIn"><i class="fa-brands fa-linkedin-in"></i></a>
          <a href="#" aria-label="YouTube"><i class="fa-brands fa-youtube"></i></a>
          <a href="#" aria-label="WhatsApp"><i class="fa-brands fa-whatsapp"></i></a>
        </div>
      </div>
    </div>

    <div class="container footer-offices">
      <div class="offices-col"><h5>Our Offices</h5>
        <div class="office"><i class="fa-solid fa-location-dot"></i><div><strong>India &ndash; Head Office</strong><span>ISMS Global Education Pvt. Ltd. Baner, Pune, Maharashtra 411045, India</span><small>info@ismsglobal.com | +91 95 61 77 66 00</small></div></div>
        <div class="office"><i class="fa-solid fa-location-dot"></i><div><strong>Canada Office</strong><span>100 Consilium Place, Suite 200, Scarborough, ON M1H 3E3, Canada</span><small>canada@ismsglobal.com | +1 437 774 5006</small></div></div>
        <div class="office"><i class="fa-solid fa-location-dot"></i><div><strong>UK Office</strong><span>85 Great Portland Street, London, W1W 7LT, United Kingdom</span><small>uk@ismsglobal.com | +44 20 3868 0743</small></div></div>
      </div>
      <div class="offices-col"><h5>Accreditations &amp; Partnerships</h5>
        <div class="accred-grid">
          <div class="accred-badge"><i class="fa-solid fa-circle-nodes"></i>ICEF<small>Connect. Recruit. Grow.</small></div>
          <div class="accred-badge"><i class="fa-regular fa-circle"></i>British Council<small>Certified Agent</small></div>
          <div class="accred-badge"><i class="fa-solid fa-award"></i>QEAC Australia<small>Qualified Education Agent Counsellor</small></div>
          <div class="accred-badge"><i class="fa-solid fa-a"></i>AAERI<small>Member</small></div>
        </div>
      </div>
      <div class="offices-col"><h5>Why Choose ISMS Global?</h5>
        <div class="mini-stat-grid">
          <div><strong data-counter="20000">20,000+</strong><span>Students Guided</span></div>
          <div><strong>500+</strong><span>Partner Universities</span></div>
          <div><strong>30+</strong><span>Countries</span></div>
          <div><strong>15+</strong><span>Years of Excellence</span></div>
        </div>
      </div>
    </div>

    <div class="container footer-bottom">
      <span>&copy; <span id="year">2026</span> ISMS Global Education Pvt. Ltd. All Rights Reserved.</span>
      <nav>
        <a href="/privacy-policy">Privacy Policy</a>
        <a href="privacy-policy.html#terms">Terms &amp; Conditions</a>
        <a href="privacy-policy.html#refund">Refund Policy</a>
        <a href="/sitemap">Sitemap</a>
      </nav>
    </div>
  </footer>
@endsection