<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="description" content="Aryavart Ancient Academy (Affiliation No: 1530380) - Best CBSE Residential School in Khordha, Bhubaneswar. 35-Acre Green Campus, Vedic Values, NEET/JEE Coaching. Admissions Open 2025-26.">
    <meta name="keywords" content="Best CBSE School Khordha, Residential School Odisha, Aryavart Ancient Academy, Gurukul System, Science Coaching School, Admission 2025">
    <meta name="author" content="Aryavart Ancient Academy">
    <link rel="canonical" href="https://www.aryavartacademy.in/">

    <meta property="og:type" content="school">
    <meta property="og:title" content="Admissions Open 2025 | Aryavart Ancient Academy">
    <meta property="og:description" content="Where Vedic Wisdom meets Modern Excellence. Secure your child's future at Odisha's premier 35-acre holistic campus.">
    <meta property="og:image" content="https://placehold.co/1200x630/9e1b32/ffffff?text=Admissions+Open+2025">
    <meta property="og:url" content="https://www.aryavartacademy.in/">

    <title>Aryavart Ancient Academy | Best CBSE School in Khordha - Admissions 2025-26</title>

    <link rel="icon" type="image/png" href="https://placehold.co/32x32/eeb609/ffffff?text=A">

    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,400&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap" rel="stylesheet">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" />
    
    <link rel="stylesheet" href="assets/style.css">

    <script type="application/ld+json">
        {
            "@context": "https://schema.org",
            "@type": "School",
            "name": "Aryavart Ancient Academy",
            "url": "https://www.aryavartacademy.in",
            "logo": "https://www.aryavartacademy.in/assets/logo.png",
            "image": "https://www.aryavartacademy.in/assets/school-campus.jpg",
            "description": "A premier CBSE affiliated school in Khordha blending Vedic values with modern education.",
            "address": {
                "@type": "PostalAddress",
                "streetAddress": "Plot no 684, Haladipada",
                "addressLocality": "Khordha",
                "addressRegion": "Odisha",
                "postalCode": "752056",
                "addressCountry": "IN"
            },
            "contactPoint": {
                "@type": "ContactPoint",
                "telephone": "+91-9124654094",
                "contactType": "admissions"
            },
            "sameAs": [
                "https://www.facebook.com/aryavart",
                "https://www.instagram.com/aryavart"
            ]
        }
    </script>
</head>

<body data-bs-spy="scroll" data-bs-target="#mainNav" data-bs-offset="100">

    <nav class="navbar navbar-expand-lg navbar-light bg-white sticky-top py-3 shadow-sm transition-all" id="mainNav">
        <div class="container">
            <a class="navbar-brand d-flex align-items-center" href="#">
                <img src="assets/aaa-logo.png" alt="Aryavart Logo" height="50" class="me-3">
                <div class="d-flex flex-column">
                    <span class="brand-text text-primary-custom fw-bold fs-4 lh-1 font-serif">Aryavart</span>
                    <span class="brand-subtext text-dark fs-7 ls-2 text-uppercase fw-bold">Ancient Academy</span>
                </div>
            </a>
            <button class="navbar-toggler border-0" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
                <span class="navbar-toggler-icon"></span>
            </button>
            <div class="collapse navbar-collapse" id="navbarNav">
                <ul class="navbar-nav ms-auto align-items-center fw-semibold gap-lg-4">
                    <li class="nav-item"><a class="nav-link" href="#about">The Legacy</a></li>
                    <li class="nav-item"><a class="nav-link" href="#academics">Academics</a></li>
                    <li class="nav-item"><a class="nav-link" href="#campus">Campus</a></li>
                    <li class="nav-item"><a class="nav-link" href="#process">Admission Process</a></li>
                    <li class="nav-item ms-lg-2">
                        <button type="button" class="btn btn-primary-custom text-white px-4 py-2 rounded-pill shadow-hover pulse-btn" data-bs-toggle="modal" data-bs-target="#enquiryModal">
                            Apply Now <i class="fas fa-arrow-right ms-2 small"></i>
                        </button>
                    </li>
                </ul>
            </div>
        </div>
    </nav>

    <section class="hero-section d-flex align-items-center position-relative">
        <div class="overlay"></div>
        <div class="pattern-overlay"></div>
        <div class="container position-relative z-2">
            <div class="row align-items-center pt-5 pt-lg-0">
                
                <div class="col-lg-7 text-white mb-5 mb-lg-0 hero-text-content">
                    <div class="animate__animated animate__fadeInDown">
                        <div class="d-inline-block border border-warning text-warning px-3 py-1 rounded-pill mb-4 fw-bold small text-uppercase ls-2 glass-tag">
                            <i class="fas fa-circle fa-2xs me-2 text-success"></i> Admissions Open 2025-26
                        </div>
                        <h1 class="display-3 fw-bold mb-4 font-serif">
                            Reinventing the <br> <span class="text-gradient-gold">Gurukul System</span>
                        </h1>
                        <p class="lead mb-4 text-white-50 fs-5 lh-base" style="max-width: 90%;">
                            Experience a 35-acre sanctuary in Khordha where Vedic wisdom anchors modern scientific excellence. We don't just teach; we transform.
                        </p>

                        <div class="mb-5 d-flex align-items-center text-white-50 small fw-bold">
                            <i class="fas fa-certificate text-warning me-2"></i>
                            <span>CBSE Affiliation No: 1530380</span>
                            <span class="mx-3 opacity-25">|</span>
                            <span>School Code: 12345</span>
                        </div>
                    </div>

                    <div class="row g-4 mb-4 animate__animated animate__fadeInUp animate__delay-1s">
                        <div class="col-auto">
                            <div class="d-flex align-items-center glass-tag px-3 py-2 rounded-3">
                                <i class="fas fa-laptop-code text-warning fa-2x"></i>
                                <div class="ms-3">
                                    <h6 class="mb-0 fw-bold text-white">Smart Campus</h6>
                                    <small class="text-white-50">Tech-enabled Learning</small>
                                </div>
                            </div>
                        </div>
                        <div class="col-auto">
                            <div class="d-flex align-items-center glass-tag px-3 py-2 rounded-3">
                                <i class="fas fa-om text-warning fa-2x"></i>
                                <div class="ms-3">
                                    <h6 class="mb-0 fw-bold text-white">Vedic Values</h6>
                                    <small class="text-white-50">Yoga & Ethics</small>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-lg-4 offset-lg-1" id="hero-form">
                    <div class="glass-card p-4 p-md-5 rounded-4 shadow-lg animate__animated animate__fadeInRight">
                        <div class="text-center mb-4">
                            <h3 class="fw-bold text-dark font-serif mb-1">Begin the Journey</h3>
                            <p class="text-muted small">Fill the form to get a callback within 24hrs.</p>
                        </div>

                      <form action="process_leads.php" method="POST" class="needs-validation ajax-form" novalidate>
    <input type="hidden" name="source" value="hero_form">
    
    <div class="form-floating mb-3">
        <input type="text" name="parent_name" class="form-control bg-white border-0 shadow-sm" id="heroName" placeholder="Name" required pattern="[A-Za-z\s]+" minlength="3">
        <label for="heroName" class="required">Parent's Name</label>
        <div class="invalid-feedback small">
            Please enter a valid name (letters only).
        </div>
    </div>
    
    <div class="form-floating mb-3">
        <input type="tel" name="phone" class="form-control bg-white border-0 shadow-sm" id="heroPhone" placeholder="Phone" required pattern="[0-9]{10}" maxlength="10">
        <label for="heroPhone" class="required">Mobile Number</label>
        <div class="invalid-feedback small">
            Please enter a valid 10-digit mobile number.
        </div>
    </div>
    
    <div class="form-floating mb-4">
        <select name="class" class="form-select bg-white border-0 shadow-sm" id="heroClass" required>
            <option value="" selected disabled>Select Grade</option>
            <option value="Nursery">Nursery - KG</option>
            <option value="Primary">Class 1 - 5</option>
            <option value="Secondary">Class 6 - 10</option>
            <option value="Senior">Class 11 - 12 (Sci/Comm)</option>
        </select>
        <label for="heroClass" class="required">Admission For</label>
        <div class="invalid-feedback small">
            Please select a grade.
        </div>
    </div>
    
    <button type="submit" class="btn btn-cta-gold w-100 py-3 rounded-pill btn-lg submit-btn">
        <span class="btn-text">Request Brochure</span> 
        <span class="spinner-border spinner-border-sm d-none" role="status" aria-hidden="true"></span>
        <i class="fas fa-paper-plane ms-2 btn-icon"></i>
    </button>
    
    </form>
                </div>
            </div>
        </div>

        <a href="#stats" class="scroll-down-btn text-white position-absolute bottom-0 start-50 translate-middle-x mb-4 d-none d-lg-block">
            <i class="fas fa-chevron-down fa-2x animate-bounce"></i>
        </a>
    </section>

    <section id="stats" class="py-3 position-relative">
        <div class="container position-relative z-2">
            <div class="row text-center g-4">

                <div class="col-md-3 col-6 border-end-custom position-relative">
                    <i class="fas fa-history stats-icon-bg"></i>
                    <h2 class="fw-bold font-serif counter">30+</h2>
                    <p>Years Legacy</p>
                </div>

                <div class="col-md-3 col-6 border-end-custom position-relative">
                    <i class="fas fa-tree stats-icon-bg"></i>
                    <h2 class="fw-bold font-serif counter">35</h2>
                    <p>Acres Campus</p>
                </div>

                <div class="col-md-3 col-6 border-end-custom position-relative">
                    <i class="fas fa-user-graduate stats-icon-bg"></i>
                    <h2 class="fw-bold font-serif counter">25:1</h2>
                    <p>Student Ratio</p>
                </div>

                <div class="col-md-3 col-6 position-relative">
                    <i class="fas fa-trophy stats-icon-bg"></i>
                    <h2 class="fw-bold font-serif counter">100%</h2>
                    <p>Pass Rate</p>
                </div>

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

    <section id="about" class="py-5 py-lg-6 bg-white position-relative">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-lg-6 mb-5 mb-lg-0 pe-lg-5">
                    <div class="d-inline-flex align-items-center mb-3">
                        <span class="bg-warning text-dark fw-bold px-2 py-1 rounded small text-uppercase ls-1">Est. 1995</span>
                        <span class="text-muted ms-2 small text-uppercase ls-1">The Legacy Continues</span>
                    </div>

                    <h2 class="display-5 fw-bold text-primary-custom mb-4 font-serif">
                        Nurturing Minds, <br>
                        <span class="text-warning">Building Character.</span>
                    </h2>

                    <blockquote class="border-start border-4 border-warning ps-4 mb-4">
                        <p class="lead text-dark fw-medium fst-italic mb-1">
                            "Vidya Dadati Vinayam" — Knowledge gives humility.
                        </p>
                    </blockquote>

                    <p class="text-muted mb-4 lh-lg">
                        At Aryavart Ancient Academy, education is the architecture of the soul. Situated on a <strong>35-acre lush green campus</strong> away from city distractions, we provide a sanctuary where students focus, learn, and grow.
                    </p>

                    <p class="text-muted mb-5 lh-lg">
                        Our houses—named after ancient sages like <strong>Dronacharya</strong> and <strong>Chanakya</strong>—instill a deep sense of heritage. We blend the rigorous CBSE curriculum with Yoga, Vedic ethics, and modern scientific temper to create holistic leaders of tomorrow.
                    </p>

                    <div class="d-flex gap-3">
                        <a href="#campus" class="btn btn-outline-primary-custom rounded-pill px-4 py-2 hover-lift fw-bold">
                            Explore Campus
                        </a>
                        <button class="btn btn-primary-custom text-white rounded-pill px-4 py-2 shadow-sm hover-lift fw-bold" data-bs-toggle="modal" data-bs-target="#enquiryModal">
                            Enquire Now
                        </button>
                    </div>
                </div>

                <div class="col-lg-6">
                    <div class="row g-3">
                        <div class="col-8">
                            <div class="position-relative hover-lift">
                                <img src="assets/about-class.webp" class="img-fluid rounded-4 shadow-lg w-100 object-fit-cover" style="height: 400px;" alt="Student Learning" loading="lazy">
                                <div class="position-absolute bottom-0 start-0 m-3 bg-white p-2 rounded-3 shadow-sm d-flex align-items-center">
                                    <i class="fas fa-user-graduate text-primary-custom me-2"></i>
                                    <small class="fw-bold">Holistic Growth</small>
                                </div>
                            </div>
                        </div>

                        <div class="col-4 d-flex flex-column gap-3">
                            <div class="position-relative flex-grow-1 hover-lift" style="transition-delay: 0.1s;">
                                <img src="assets/about-yoga.webp" class="img-fluid rounded-4 shadow w-100 h-100 object-fit-cover" alt="Yoga Session" loading="lazy">
                            </div>

                            <div class="position-relative flex-grow-1 bg-primary-custom rounded-4 d-flex align-items-center justify-content-center text-white p-3 text-center shadow hover-lift" style="transition-delay: 0.2s; background: linear-gradient(135deg, var(--primary-color), #720e1e);">
                                <div>
                                    <i class="fas fa-leaf fa-2x mb-2 text-warning"></i>
                                    <h6 class="fw-bold mb-0 small text-uppercase ls-1">Eco Friendly</h6>
                                    <small class="d-block mt-1 opacity-75" style="font-size: 0.65rem;">Pollution Free Campus</small>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section id="why-choose" class="py-5 py-lg-6 bg-cream position-relative">
        <div class="container">
            <div class="row justify-content-center mb-5">
                <div class="col-lg-8 text-center">
                    <span class="text-primary-custom fw-bold text-uppercase ls-2 small">The Aryavart Advantage</span>
                    <h2 class="fw-bold display-5 font-serif mt-2">Why Parents Trust Us</h2>
                    <div class="divider mx-auto my-3 bg-warning" style="width: 60px; height: 4px;"></div>
                </div>
            </div>

            <div class="row g-4">

                <div class="col-lg-3 col-md-6">
                    <div class="feature-card text-center">
                        <div class="feature-icon-wrapper">
                            <i class="fas fa-certificate"></i>
                        </div>
                        <h4 class="fw-bold font-serif h5 text-dark">CBSE Excellence</h4>
                        <p class="text-muted small mb-0 lh-sm mt-3">
                            Aligned with NEP 2020. Conceptual clarity focused curriculum for competitive success.
                        </p>
                    </div>
                </div>

                <div class="col-lg-3 col-md-6">
                    <div class="feature-card text-center">
                        <div class="feature-icon-wrapper">
                            <i class="fas fa-chalkboard-user"></i>
                        </div>
                        <h4 class="fw-bold font-serif h5 text-dark">Expert Faculty</h4>
                        <p class="text-muted small mb-0 lh-sm mt-3">
                            Mentors with 10+ years experience dedicated to shaping character and intellect.
                        </p>
                    </div>
                </div>

                <div class="col-lg-3 col-md-6">
                    <div class="feature-card text-center">
                        <div class="feature-icon-wrapper">
                            <i class="fas fa-user-graduate"></i>
                        </div>
                        <h4 class="fw-bold font-serif h5 text-dark">Student Focus</h4>
                        <p class="text-muted small mb-0 lh-sm mt-3">
                            Optimal <strong>25:1 ratio</strong> ensures personalized attention and remedial mentorship.
                        </p>
                    </div>
                </div>

                <div class="col-lg-3 col-md-6">
                    <div class="feature-card text-center">
                        <div class="feature-icon-wrapper">
                            <i class="fas fa-laptop-code"></i>
                        </div>
                        <h4 class="fw-bold font-serif h5 text-dark">World Class Infra</h4>
                        <p class="text-muted small mb-0 lh-sm mt-3">
                            Smart classrooms, robotics labs, swimming pool, and distinct hostels on 35-acres.
                        </p>
                    </div>
                </div>

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

    <section id="academics" class="py-5 py-lg-6">
        <div class="container">
            <div class="text-center mb-5 mw-700 mx-auto">
                <span class="text-primary-custom fw-bold text-uppercase ls-2 small">
                    Curriculum
                </span>

                <h2 class="fw-bold display-5 font-serif mt-2 text-dark">
                    Academic Pathways
                </h2>

                <div class="divider mx-auto my-3 bg-warning" style="width: 60px; height: 4px; border-radius: 2px;"></div>

                <p class="text-muted lead fs-6">
                    From the first step in Nursery to the final leap in Grade 12, we ensure every milestone is celebrated.
                </p>
            </div>

            <div class="row g-4">

                <div class="col-lg-4 col-md-6">
                    <div class="academic-card text-center">
                        <div class="academic-header">
                            <span class="step-watermark">01</span>
                            <div class="card-icon-circle">
                                <i class="fas fa-shapes"></i>
                            </div>
                            <h4 class="fw-bold font-serif h5 mb-1 text-dark">Foundation Years</h4>
                            <small class="text-muted fw-bold text-uppercase ls-1">Nursery - Class V</small>
                        </div>
                        <div class="card-body p-4 text-start">
                            <ul class="list-unstyled text-secondary small mb-0 spacing-y-2">
                                <li class="d-flex align-items-start mb-2"><i class="fas fa-check text-warning mt-1 me-2"></i> Activity Based Learning</li>
                                <li class="d-flex align-items-start mb-2"><i class="fas fa-check text-warning mt-1 me-2"></i> Phonics & Language Labs</li>
                                <li class="d-flex align-items-start"><i class="fas fa-check text-warning mt-1 me-2"></i> Motor Skills Development</li>
                            </ul>
                        </div>
                    </div>
                </div>

                <div class="col-lg-4 col-md-6">
                    <div class="academic-card highlight text-center transform-scale-md">
                        <div class="academic-header">
                            <span class="step-watermark">02</span>
                            <span class="badge bg-warning text-dark position-absolute top-0 start-50 translate-middle-x mt-2 rounded-pill px-3 shadow-sm small fw-bold">Crucial Phase</span>
                            <div class="card-icon-circle">
                                <i class="fas fa-brain"></i>
                            </div>
                            <h4 class="fw-bold font-serif h5 mb-1">Secondary School</h4>
                            <small class="text-white-50 fw-bold text-uppercase ls-1">Class VI - X</small>
                        </div>
                        <div class="card-body p-4 text-start bg-cream">
                            <ul class="list-unstyled text-dark small mb-0 spacing-y-2">
                                <li class="d-flex align-items-start mb-2 fw-bold"><i class="fas fa-check-circle text-primary-custom mt-1 me-2"></i> NCERT & CBSE Rigor</li>
                                <li class="d-flex align-items-start mb-2 fw-bold"><i class="fas fa-check-circle text-primary-custom mt-1 me-2"></i> STEM & Robotics Labs</li>
                                <li class="d-flex align-items-start fw-bold"><i class="fas fa-check-circle text-primary-custom mt-1 me-2"></i> Olympiad Preparation</li>
                            </ul>
                        </div>
                    </div>
                </div>

                <div class="col-lg-4 col-md-6 mx-auto">
                    <div class="academic-card text-center">
                        <div class="academic-header">
                            <span class="step-watermark">03</span>
                            <div class="card-icon-circle">
                                <i class="fas fa-microscope"></i>
                            </div>
                            <h4 class="fw-bold font-serif h5 mb-1 text-dark">Senior Secondary</h4>
                            <small class="text-muted fw-bold text-uppercase ls-1">Class XI - XII</small>
                        </div>
                        <div class="card-body p-4 text-start">
                            <ul class="list-unstyled text-secondary small mb-0 spacing-y-2">
                                <li class="d-flex align-items-start mb-2"><i class="fas fa-check text-warning mt-1 me-2"></i> Science (PCM/PCB) & Comm.</li>
                                <li class="d-flex align-items-start mb-2"><i class="fas fa-check text-warning mt-1 me-2"></i> Integrated NEET/JEE</li>
                                <li class="d-flex align-items-start"><i class="fas fa-check text-warning mt-1 me-2"></i> Career Counseling</li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section class="video-section d-flex align-items-center justify-content-center">
        <div class="video-overlay"></div>

        <div class="container position-relative z-2 text-center text-white">
            <span class="text-warning fw-bold text-uppercase ls-2 small mb-2 d-block animate__animated animate__fadeInDown">
                Experience the Vibe
            </span>
            <h2 class="display-4 fw-bold font-serif mb-5 animate__animated animate__fadeInUp">
                Life at Aryavart
            </h2>

            <div class="d-flex justify-content-center">
                <div class="btn-play-glass" data-bs-toggle="modal" data-bs-target="#videoModal">
                    <i class="fas fa-play ms-1"></i>
                </div>
            </div>

            <p class="mt-5 text-white-50 fs-5 mw-700 mx-auto">
                Take a virtual tour of our 35-acre green campus, modern labs, and Vedic morning routines.
            </p>
        </div>
    </section>

    <div class="modal fade" id="videoModal" tabindex="-1" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered modal-lg">
            <div class="modal-content bg-transparent border-0">
                <div class="modal-body p-0 position-relative">
                    <button type="button" class="btn-close btn-close-white position-absolute top-0 end-0 m-3 z-3" data-bs-dismiss="modal" aria-label="Close"></button>
                    <div class="ratio ratio-16x9 rounded-4 overflow-hidden shadow-lg">
                        <iframe src="https://www.youtube.com/embed/dQw4w9WgXcQ?rel=0" title="Campus Tour" allowfullscreen></iframe>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <section id="campus" class="py-0 position-relative">
        <div class="container-fluid px-0">
            <div class="row g-0">

                <div class="col-md-3 col-6 position-relative group-image">
                    <img src="assets/library.webp?text=Library" class="w-100 h-100 object-fit-cover" alt="Library" loading="lazy">
                    <div class="overlay-gradient position-absolute top-0 start-0 w-100 h-100"></div>
                    <div class="img-caption position-absolute text-white z-2">
                        <h5 class="fw-bold font-serif mb-1 h4">Knowledge Hub</h5>
                        <small class="text-white-50 text-uppercase ls-1 fw-bold">10,000+ Books & Journals</small>
                    </div>
                </div>

                <div class="col-md-3 col-6 position-relative group-image">
                    <img src="assets/science-lab.webp?text=Science+Labs" class="w-100 h-100 object-fit-cover" alt="Labs" loading="lazy">
                    <div class="overlay-gradient position-absolute top-0 start-0 w-100 h-100"></div>
                    <div class="img-caption position-absolute text-white z-2">
                        <h5 class="fw-bold font-serif mb-1 h4">Innovation Labs</h5>
                        <small class="text-white-50 text-uppercase ls-1 fw-bold">Physics • Chem • Robotics</small>
                    </div>
                </div>

                <div class="col-md-3 col-6 position-relative group-image">
                    <img src="assets/computer-lab.webp?text=Computer+Center" class="w-100 h-100 object-fit-cover" alt="IT" loading="lazy">
                    <div class="overlay-gradient position-absolute top-0 start-0 w-100 h-100"></div>
                    <div class="img-caption position-absolute text-white z-2">
                        <h5 class="fw-bold font-serif mb-1 h4">Digital Wings</h5>
                        <small class="text-white-50 text-uppercase ls-1 fw-bold">Advanced IT Infrastructure</small>
                    </div>
                </div>

                <div class="col-md-3 col-6 position-relative group-image">
                    <img src="assets/sports.webp?text=Sports+Complex" class="w-100 h-100 object-fit-cover" alt="Sports" loading="lazy">
                    <div class="overlay-gradient position-absolute top-0 start-0 w-100 h-100"></div>
                    <div class="img-caption position-absolute text-white z-2">
                        <h5 class="fw-bold font-serif mb-1 h4">Sports Arena</h5>
                        <small class="text-white-50 text-uppercase ls-1 fw-bold">Cricket • Football • Archery</small>
                    </div>
                </div>

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

    <section id="process" class="py-5 bg-cream">
        <div class="container">
            <div class="text-center mb-5 mw-700 mx-auto">
                <span class="text-primary-custom fw-bold text-uppercase ls-2 small">Admissions</span>
                <h2 class="fw-bold display-5 font-serif mt-2 text-dark">How to Apply?</h2>
                <div class="divider mx-auto my-3 bg-warning" style="width: 60px; height: 4px; border-radius: 2px;"></div>
                <p class="text-muted lead fs-6">A simple, transparent 4-step journey to securing your child's future.</p>
            </div>

            <div class="row position-relative">

                <div class="col-12 d-none d-lg-block">
                    <div class="process-connector"></div>
                </div>

                <div class="col-lg-3 col-6 text-center mb-5 position-relative z-1">
                    <div class="process-step-circle bg-white">
                        <i class="fas fa-file-signature"></i>
                    </div>
                    <h5 class="fw-bold text-dark mb-1">1. Enquiry</h5>
                    <p class="small text-muted px-2">Fill the online form or call our admissions office.</p>
                </div>

                <div class="col-lg-3 col-6 text-center mb-5 position-relative z-1">
                    <div class="process-step-circle bg-white">
                        <i class="fas fa-school"></i>
                    </div>
                    <h5 class="fw-bold text-dark mb-1">2. Campus Visit</h5>
                    <p class="small text-muted px-2">Experience our facilities and meet the Principal.</p>
                </div>

                <div class="col-lg-3 col-6 text-center mb-5 position-relative z-1">
                    <div class="process-step-circle bg-white">
                        <i class="fas fa-user-edit"></i>
                    </div>
                    <h5 class="fw-bold text-dark mb-1">3. Assessment</h5>
                    <p class="small text-muted px-2">A basic interaction to understand the child's needs.</p>
                </div>

                <div class="col-lg-3 col-6 text-center mb-5 position-relative z-1">
                    <div class="process-step-circle bg-white">
                        <i class="fas fa-check-circle text-success"></i> </div>
                    <h5 class="fw-bold text-dark mb-1">4. Admission</h5>
                    <p class="small text-muted px-2">Submit documents and secure the seat.</p>
                </div>

            </div>

            <div class="text-center mt-4">
                <button class="btn btn-cta-gold px-5 py-3 rounded-pill shadow-lg pulse-btn" data-bs-toggle="modal" data-bs-target="#enquiryModal">
                    Start Application <i class="fas fa-arrow-right ms-2"></i>
                </button>
            </div>
        </div>
    </section>

    <section id="testimonial-section" class="py-5 py-lg-6">
        <div class="container position-relative z-1">
            <div class="text-center mb-5">
                <h6 class="text-primary-custom fw-bold text-uppercase ls-2 small">Stories</h6>
                <h2 class="font-serif display-5 fw-bold text-dark">Parents' Perspectives</h2>
                <div class="divider mx-auto my-3 bg-warning" style="width: 60px; height: 4px; border-radius: 2px;"></div>
            </div>

            <div id="testimonialCarousel" class="carousel slide" data-bs-ride="carousel">
                <div class="carousel-inner">

                    <div class="carousel-item active">
                        <div class="row justify-content-center">
                            <div class="col-lg-8">
                                <div class="testimonial-card text-center mx-3">
                                    <div class="quote-watermark">“</div>
                                    <p class="fs-5 fst-italic text-dark mb-4 position-relative z-1 lh-lg">
                                        "The balance between modern studies and cultural values is what drew us to AAA. My son has become more disciplined and focused."
                                    </p>
                                    <div class="d-flex align-items-center justify-content-center mt-4">
                                        <div class="avatar-circle me-3">SM</div>
                                        <div class="text-start">
                                            <h6 class="fw-bold text-dark mb-0">Mr. S. Mohanty</h6>
                                            <small class="text-muted text-uppercase fw-bold" style="font-size: 0.7rem;">Parent, Grade 8</small>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="carousel-item">
                        <div class="row justify-content-center">
                            <div class="col-lg-8">
                                <div class="testimonial-card text-center mx-3">
                                    <div class="quote-watermark">“</div>
                                    <p class="fs-5 fst-italic text-dark mb-4 position-relative z-1 lh-lg">
                                        "The campus is beautiful and safe. The transport facility is reliable. Highly recommended for 11th and 12th science."
                                    </p>
                                    <div class="d-flex align-items-center justify-content-center mt-4">
                                        <div class="avatar-circle me-3">AD</div>
                                        <div class="text-start">
                                            <h6 class="fw-bold text-dark mb-0">Mrs. A. Das</h6>
                                            <small class="text-muted text-uppercase fw-bold" style="font-size: 0.7rem;">Parent, Grade 11</small>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>

                <button class="carousel-control-prev" type="button" data-bs-target="#testimonialCarousel" data-bs-slide="prev" style="width: 5%;">
                    <div class="carousel-control-custom">
                        <i class="fas fa-arrow-left"></i>
                    </div>
                </button>
                <button class="carousel-control-next" type="button" data-bs-target="#testimonialCarousel" data-bs-slide="next" style="width: 5%;">
                    <div class="carousel-control-custom">
                        <i class="fas fa-arrow-right"></i>
                    </div>
                </button>
            </div>
        </div>
    </section>

    <section id="faq" class="py-5 py-lg-6 bg-cream">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-lg-8">
                    <div class="text-center mb-5">
                        <span class="text-primary-custom fw-bold text-uppercase ls-2 small">Support</span>
                        <h2 class="font-serif fw-bold text-dark mt-2 display-5">Frequently Asked Questions</h2>
                        <div class="divider mx-auto my-3 bg-warning" style="width: 60px; height: 4px; border-radius: 2px;"></div>
                    </div>

                    <div class="accordion" id="accordionFAQ">

                        <div class="accordion-item rounded-3 overflow-hidden">
                            <h2 class="accordion-header">
                                <button class="accordion-button fw-bold text-dark" type="button" data-bs-toggle="collapse" data-bs-target="#faq1">
                                    <i class="fas fa-calendar-alt me-3 text-warning"></i> When does the admission process start?
                                </button>
                            </h2>
                            <div id="faq1" class="accordion-collapse collapse show" data-bs-parent="#accordionFAQ">
                                <div class="accordion-body">
                                    Admissions for the academic session 2025-26 begin in <strong>November 2024</strong>. Seats are limited and filled on a first-come, first-served basis after the entrance assessment.
                                </div>
                            </div>
                        </div>

                        <div class="accordion-item rounded-3 overflow-hidden">
                            <h2 class="accordion-header">
                                <button class="accordion-button collapsed fw-bold text-dark" type="button" data-bs-toggle="collapse" data-bs-target="#faq2">
                                    <i class="fas fa-bed me-3 text-warning"></i> Is hostel facility available for all classes?
                                </button>
                            </h2>
                            <div id="faq2" class="accordion-collapse collapse" data-bs-parent="#accordionFAQ">
                                <div class="accordion-body">
                                    Hostel facilities are available for students from <strong>Class 4 onwards</strong>. We have separate, secure hostels for boys and girls with 24/7 warden supervision and medical care.
                                </div>
                            </div>
                        </div>

                        <div class="accordion-item rounded-3 overflow-hidden">
                            <h2 class="accordion-header">
                                <button class="accordion-button collapsed fw-bold text-dark" type="button" data-bs-toggle="collapse" data-bs-target="#faq3">
                                    <i class="fas fa-bus me-3 text-warning"></i> What transport routes do you cover?
                                </button>
                            </h2>
                            <div id="faq3" class="accordion-collapse collapse" data-bs-parent="#accordionFAQ">
                                <div class="accordion-body">
                                    Our GPS-enabled bus fleet covers all major areas including <strong>Khordha, Jatni, Bhubaneswar, and surrounding suburbs</strong>. Routes are optimized for minimum travel time.
                                </div>
                            </div>
                        </div>

                    </div>

                    <div class="text-center mt-5">
                        <p class="text-muted small">Still have questions?</p>
                        <a href="tel:+919124654094" class="btn btn-outline-primary-custom rounded-pill px-4 py-2 fw-bold small">
                            <i class="fas fa-phone-alt me-2"></i> Speak to Admissions
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <footer class="site-footer pt-5 py-lg-6">
        <div class="container pb-5">
            <div class="row g-4 justify-content-between">

                <div class="col-lg-4 col-md-6 pe-lg-5">
                    <div class="d-flex align-items-center mb-4">
                        <div class="bg-white rounded-circle p-2 me-3 d-flex align-items-center justify-content-center shadow" style="width: 55px; height: 55px;">
                            <i class="fas fa-university fa-2x text-primary-custom"></i>
                        </div>
                        <div>
                            <h5 class="fw-bold font-serif text-white mb-0 lh-1">Aryavart</h5>
                            <small class="text-warning text-uppercase fw-bold ls-1" style="font-size: 0.75rem;">Ancient Academy</small>
                        </div>
                    </div>

                    <p class="text-white-50 small mb-4">
                        Cultivating excellence through a blend of traditional Vedic values and modern scientific education since 1995.
                    </p>

                    <div class="p-4 rounded-3 bg-black bg-opacity-25 border border-white border-opacity-10 mb-4">
                        <h6 class="text-white fw-bold mb-3 small text-uppercase">Stay Connected</h6>
                        <form>
                            <input type="email" class="newsletter-input small" placeholder="Enter your email address...">
                            <button type="button" class="btn btn-primary-custom w-100 btn-sm fw-bold mt-2">Subscribe</button>
                        </form>
                    </div>

                    <div class="d-flex gap-3">
                        <a href="#" class="footer-social-btn"><i class="fab fa-facebook-f"></i></a>
                        <a href="#" class="footer-social-btn"><i class="fab fa-instagram"></i></a>
                        <a href="#" class="footer-social-btn"><i class="fab fa-youtube"></i></a>
                    </div>
                </div>

                <div class="col-lg-2 col-md-6">
                    <h5 class="footer-heading">Quick Links</h5>
                    <ul class="list-unstyled">
                        <li><a href="#about" class="footer-link">Our Legacy</a></li>
                        <li><a href="#academics" class="footer-link">Admission Process</a></li>
                        <li><a href="#campus" class="footer-link">Campus Life</a></li>
                        <li><a href="#" class="footer-link">Fee Structure</a></li>
                        <li><a href="#" class="footer-link">Contact Us</a></li>
                    </ul>
                </div>

                <div class="col-lg-2 col-md-6">
                    <h5 class="footer-heading">Academics</h5>
                    <ul class="list-unstyled">
                        <li><a href="#" class="footer-link">Elementary School</a></li>
                        <li><a href="#" class="footer-link">Junior School</a></li>
                        <li><a href="#" class="footer-link">Middle School</a></li>
                        <li><a href="#" class="footer-link">Secondary School</a></li>
                        <li><a href="#" class="footer-link">Beyond Academics</a></li>
                    </ul>
                </div>

                <div class="col-lg-3 col-md-6">
                    <h5 class="footer-heading">Reach Us</h5>

                    <div class="d-flex mb-3">
                        <i class="fas fa-map-marker-alt text-warning mt-1 me-3"></i>
                        <div>
                            <strong class="text-white d-block small">Main Campus</strong>
                            <span class="text-white-50 small">Plot no 684, Haladipada, Khordha, Pin-752056</span>
                        </div>
                    </div>

                    <div class="d-flex mb-3">
                        <i class="fas fa-building text-warning mt-1 me-3"></i>
                        <div>
                            <strong class="text-white d-block small">City Office</strong>
                            <span class="text-white-50 small">B-12, BDA Duplex, Baramunda, Bhubaneswar-751003</span>
                        </div>
                    </div>

                    <div class="d-flex mb-3">
                        <i class="fas fa-phone-alt text-warning mt-1 me-3"></i>
                        <div>
                            <a href="tel:+919124654094" class="text-white small fw-bold text-decoration-none d-block">+91 91246 54094</a>
                        </div>
                    </div>

                    <div class="d-flex">
                        <i class="fas fa-envelope text-warning mt-1 me-3"></i>
                        <div>
                            <a href="mailto:aryavartaa.krd@gmail.com" class="text-white-50 small text-decoration-none">aryavartaa.krd@gmail.com</a>
                        </div>
                    </div>
                </div>

            </div>
        </div>

        <div class="copyright-bar bg-black bg-opacity-50 py-3">
            <div class="container">
                <div class="row align-items-center">
                    <div class="col-md-6 text-center text-md-start">
                        <small class="text-white-50">© 2026 Aryavart Ancient Academy. All Rights Reserved.</small>
                    </div>
                    <div class="col-md-6 text-center text-md-end mt-2 mt-md-0">
                        <small class="text-white-50">Designed with <i class="fas fa-heart text-danger mx-1"></i> in Odisha</small>
                    </div>
                </div>
            </div>
        </div>
    </footer>

    <div class="d-flex d-md-none fixed-bottom bg-white shadow-lg border-top" style="z-index: 1050;">
        <a href="tel:+919124654094" class="flex-fill btn btn-white rounded-0 py-3 fw-bold text-dark border-end">
            <i class="fas fa-phone-alt text-primary-custom me-2"></i> Call Now
        </a>
        <button class="flex-fill btn btn-primary-custom rounded-0 py-3 fw-bold text-white" data-bs-toggle="modal" data-bs-target="#enquiryModal">
            Enquire <i class="fas fa-paper-plane ms-1"></i>
        </button>
    </div>

    <a href="https://wa.me/919124654094" class="whatsapp-float shadow-lg" target="_blank" title="Chat on WhatsApp">
        <i class="fab fa-whatsapp"></i>
    </a>

    <div class="modal fade" id="enquiryModal" tabindex="-1" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content border-0 rounded-4 shadow-lg overflow-hidden" style="border-top: 5px solid var(--secondary-color);">

                <div class="modal-header text-white border-0 py-4 justify-content-center position-relative" style="background: linear-gradient(135deg, var(--primary-color) 0%, #5e0b1d 100%);">
                    <div class="text-center">
                        <i class="fas fa-university fa-2x mb-2 text-warning opacity-75"></i>
                        <h4 class="modal-title fw-bold font-serif ls-1">Admission Enquiry</h4>
                        <p class="mb-0 small text-white-50">Session 2025-26</p>
                    </div>
                    <button type="button" class="btn-close btn-close-white position-absolute top-0 end-0 m-3" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>

                <div class="modal-body p-4 p-md-5 bg-white position-relative">
                    <div class="position-absolute top-0 start-0 w-100 h-100 opacity-25" style="background-image: radial-gradient(#ccc 1px, transparent 1px); background-size: 20px 20px; pointer-events: none;"></div>

            <form action="process_leads.php" method="POST" class="position-relative z-1 needs-validation" novalidate>
                        <input type="hidden" name="source" value="modal_form">
                        
                        <div class="form-floating mb-3">
                            <input type="text" name="parent_name" class="form-control bg-light border-0" id="floatName" placeholder="John Doe" 
                                required pattern="[A-Za-z\s]+" 
                                oninput="this.value = this.value.replace(/[^A-Za-z\s]/g, '')">
                            <label for="floatName" class="text-muted"><i class="fas fa-user me-2 text-warning"></i>Parent's Name</label>
                        </div>

                        <div class="form-floating mb-3">
                            <input type="tel" name="phone" class="form-control bg-light border-0" id="floatPhone" placeholder="9876543210" 
                                required pattern="[0-9]{10}" maxlength="10"
                                oninput="this.value = this.value.replace(/[^0-9]/g, '');">
                            <label for="floatPhone" class="text-muted"><i class="fas fa-phone-alt me-2 text-warning"></i>Phone Number</label>
                        </div>

                        <div class="form-floating mb-4">
                            <select name="class" class="form-select bg-light border-0" id="floatClass" required>
                                <option value="" selected disabled>Select Grade</option>
                                <option value="Nursery">Nursery - KG</option>
                                <option value="Primary">Class 1 - 5</option>
                                <option value="Secondary">Class 6 - 10</option>
                                <option value="Senior">Class 11 - 12 (Science/Comm)</option>
                            </select>
                            <label for="floatClass" class="text-muted"><i class="fas fa-graduation-cap me-2 text-warning"></i>Interested Class</label>
                        </div>

                        <button type="submit" class="btn btn-primary-custom w-100 fw-bold py-3 rounded-3 shadow hover-lift d-flex align-items-center justify-content-center">
                            <span>Request Call Back</span>
                            <i class="fas fa-paper-plane ms-2"></i>
                        </button>

                        <div class="text-center mt-3">
                            <small class="text-muted" style="font-size: 0.75rem;">
                                <i class="fas fa-lock me-1"></i> Your information is secure.
                            </small>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>

    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
    <script>
        // Navbar transparency on scroll script
        const nav = document.getElementById('mainNav');
        window.onscroll = function() {
            if (document.body.scrollTop >= 50 || document.documentElement.scrollTop >= 50) {
                nav.classList.add("shadow");
                nav.classList.remove("py-3");
                nav.classList.add("py-2");
            } else {
                nav.classList.remove("shadow");
                nav.classList.add("py-3");
                nav.classList.remove("py-2");
            }
        };

        // Counter Animation
        const counters = document.querySelectorAll('.counter');
        const speed = 200;
        counters.forEach(counter => {
            const updateCount = () => {
                const target = +counter.innerText.replace('+', '').replace(':1', '');
                const count = +counter.innerText.replace('+', '').replace(':1', '');
                // Simple logic for illustration, real intersection observer recommended
            };
            // updateCount(); 
        });
    </script>

    <script>
        // Check URL parameters for status
        const urlParams = new URLSearchParams(window.location.search);
        const status = urlParams.get('status');

        if (status === 'success') {
            Swal.fire({
                title: 'Application Received!',
                text: 'Thank you for your interest in Aryavart Ancient Academy. Our admissions team will call you within 24 hours.',
                icon: 'success',
                confirmButtonColor: '#9e1b32',
                confirmButtonText: 'Great, thanks!'
            }).then(() => {
                // Clean URL
                window.history.replaceState({}, document.title, window.location.pathname);
            });
        } else if (status === 'error') {
            Swal.fire({
                title: 'Submission Failed',
                text: 'Something went wrong. Please try calling us directly.',
                icon: 'error',
                confirmButtonColor: '#9e1b32'
            });
        }
    </script>
    <script>
        document.addEventListener('DOMContentLoaded', function () {
            
            // 1. Select all forms with class 'ajax-form'
            const forms = document.querySelectorAll('.ajax-form');

            forms.forEach(form => {
                
                // Real-time Input Validation (Prevent Bad Characters)
                const nameInput = form.querySelector('input[name="parent_name"]');
                const phoneInput = form.querySelector('input[name="phone"]');

                if(nameInput) {
                    nameInput.addEventListener('input', function(e) {
                        this.value = this.value.replace(/[^A-Za-z\s]/g, '');
                    });
                }
                if(phoneInput) {
                    phoneInput.addEventListener('input', function(e) {
                        this.value = this.value.replace(/[^0-9]/g, '');
                    });
                }

                // Handle Submit
                form.addEventListener('submit', function (event) {
                    event.preventDefault(); // STOP page reload
                    
                    // Bootstrap Validation Check
                    if (!form.checkValidity()) {
                        event.stopPropagation();
                        form.classList.add('was-validated'); // Shows the red borders & messages
                        return;
                    }

                    // Prepare UI for loading
                    const btn = form.querySelector('.submit-btn');
                    const btnText = form.querySelector('.btn-text');
                    const btnIcon = form.querySelector('.btn-icon');
                    const spinner = form.querySelector('.spinner-border');
                    
                    // Disable button & show spinner
                    if(btn) btn.disabled = true;
                    if(btnText) btnText.textContent = 'Sending...';
                    if(btnIcon) btnIcon.classList.add('d-none');
                    if(spinner) spinner.classList.remove('d-none');

                    // Collect Data
                    const formData = new FormData(form);

                    // Send AJAX Request
                    fetch('process_leads.php', {
                        method: 'POST',
                        body: formData,
                        headers: {
                            'X-Requested-With': 'XMLHttpRequest' // Tells PHP this is AJAX
                        }
                    })
                    .then(response => response.json())
                    .then(data => {
                        if (data.status === 'success') {
                            Swal.fire({
                                title: 'Success!',
                                text: 'Thank you! We will contact you shortly.',
                                icon: 'success',
                                confirmButtonColor: '#9e1b32'
                            });
                            form.reset(); // Clear the form
                            form.classList.remove('was-validated'); // Clear red borders
                            
                            // Close modal if open
                            const modal = bootstrap.Modal.getInstance(document.querySelector('#enquiryModal'));
                            if (modal) modal.hide();

                        } else {
                            throw new Error(data.message || 'Unknown error');
                        }
                    })
                    .catch(error => {
                        Swal.fire({
                            title: 'Error',
                            text: error.message || 'Something went wrong. Please call us directly.',
                            icon: 'error',
                            confirmButtonColor: '#9e1b32'
                        });
                    })
                    .finally(() => {
                        // Reset Button State
                        if(btn) btn.disabled = false;
                        if(btnText) btnText.textContent = 'Submit Request'; // Or original text
                        if(btnIcon) btnIcon.classList.remove('d-none');
                        if(spinner) spinner.classList.add('d-none');
                    });
                });
            });
        });
    </script>
</body>

</html>