ƒ<script type="application/ld+json">{
    "@context": "https://schema.org",
    "@graph": [
        {
            "@type": [
                "EducationalOrganization",
                "LocalBusiness"
            ],
            "name": "Amar Bhartiya Mahavidyalaya Examination Center",
            "url": "https://examstay.com/CenterDetails.php?center=Amar+Bhartiya+Mahavidyalaya",
            "description": "Official exam center details, address, directions, parking, and reviews for Amar Bhartiya Mahavidyalaya.",
            "image": "CenterImage/76/Amar Bhartiya Mahavidyalaya01.jpg",
            "address": {
                "@type": "PostalAddress",
                "streetAddress": "Dhaneli, badagaon road, Morar, Gwalior, PIN-474006",
                "addressLocality": "Gwalior",
                "addressRegion": "Madhya Pradesh",
                "addressCountry": "IN"
            },
            "geo": {
                "@type": "GeoCoordinates",
                "latitude": 26.238802209999999348610799643211066722869873046875,
                "longitude": 78.3013878699999992250013747252523899078369140625
            },
            "hasMap": "https://maps.app.goo.gl/qFqCRcM5iHDsiGH76",
            "aggregateRating": {
                "@type": "AggregateRating",
                "ratingValue": "3.1",
                "bestRating": "5",
                "worstRating": "1",
                "ratingCount": "10"
            }
        },
        {
            "@type": "FAQPage",
            "mainEntity": [
                {
                    "@type": "Question",
                    "name": "How to reach Amar Bhartiya Mahavidyalaya exam center?",
                    "acceptedAnswer": {
                        "@type": "Answer",
                        "text": "Gwalior Junction (GWL): Gwalior Junction (GWL) is the main railway hub and is located approximately 6 km from the college. The travel time is usually around 15 to 20 minutes.How to reach: Upon exiting the station (Platform No. 1 side), you will find a large stand for auto-rickshaws. A private auto to Amar Bhartiya Mahavidyalaya will cost roughly ₹100 to ₹150. If you prefer a more budget-friendly option, you can take a shared tempo to Thatipur Chauraha for just ₹20 and then walk or take a short rickshaw ride to the college."
                    }
                },
                {
                    "@type": "Question",
                    "name": "Are there hotels near Amar Bhartiya Mahavidyalaya?",
                    "acceptedAnswer": {
                        "@type": "Answer",
                        "text": "Yes, there are multiple budget and premium hotels available near Amar Bhartiya Mahavidyalaya in Gwalior. Check ExamStay for a full list with distances."
                    }
                },
                {
                    "@type": "Question",
                    "name": "Is parking available at Amar Bhartiya Mahavidyalaya?",
                    "acceptedAnswer": {
                        "@type": "Answer",
                        "text": "Parking at Amar Bhartiya Mahavidyalaya is: Limited"
                    }
                },
                {
                    "@type": "Question",
                    "name": "What is the nearest airport to Amar Bhartiya Mahavidyalaya?",
                    "acceptedAnswer": {
                        "@type": "Answer",
                        "text": "Rajmata Vijaya Raje Scindia Airport (GWL): Rajmata Vijaya Raje Scindia Airport (GWL) is the only airport in Gwalior, located approximately 12 km away from the college. Depending on the traffic, it usually takes about 25 to 35 minutes to reach the center.How to reach: The most efficient way to travel from the airport is by booking an Uber or a local taxi. While Gwalior doesn&amp;amp;amp;#039;t have a high frequency of airport buses, you can find private taxis and auto-rickshaws right at the exit. A taxi ride will generally cost between ₹300 and ₹450."
                    }
                }
            ]
        },
        {
            "@type": "BreadcrumbList",
            "itemListElement": [
                {
                    "@type": "ListItem",
                    "position": 1,
                    "name": "Home",
                    "item": "https://examstay.com/"
                },
                {
                    "@type": "ListItem",
                    "position": 2,
                    "name": "Madhya Pradesh",
                    "item": "https://examstay.com/state/Madhya+Pradesh"
                },
                {
                    "@type": "ListItem",
                    "position": 3,
                    "name": "Gwalior",
                    "item": "https://examstay.com/city/Gwalior"
                },
                {
                    "@type": "ListItem",
                    "position": 4,
                    "name": "Amar Bhartiya Mahavidyalaya"
                }
            ]
        }
    ]
}</script><!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <link rel="icon" href="/assets/favicon.png" type="image/png">
    <meta property="og:type" content="website" />

    <title>Amar Bhartiya Mahavidyalaya Exam Center Gwalior – Address, Hotels &amp; How To Reach</title>
    <meta name="description" content="How to reach Amar Bhartiya Mahavidyalaya exam center in Gwalior, Madhya Pradesh. Find full address, nearby hotels, bus &amp; railway info, parking details, student reviews, and tourist places near Amar Bhartiya Mahavidyalaya.">

    <!-- Keywords: natural mix of what students actually search -->
    <meta name="keywords" content="Amar Bhartiya Mahavidyalaya exam center Gwalior, how to reach Amar Bhartiya Mahavidyalaya, hotel near Amar Bhartiya Mahavidyalaya Gwalior, Amar Bhartiya Mahavidyalaya address Gwalior, Amar Bhartiya Mahavidyalaya exam center parking, Gwalior exam center hotels, Amar Bhartiya Mahavidyalaya photos reviews">

    <!-- Open Graph -->
    <meta property="og:title"       content="Amar Bhartiya Mahavidyalaya Exam Center Gwalior – Hotels &amp; Travel Guide">
    <meta property="og:description" content="How to reach Amar Bhartiya Mahavidyalaya exam center in Gwalior, Madhya Pradesh. Find full address, nearby hotels, bus &amp; railway info, parking details, student reviews, and tourist places near Amar Bhartiya Mahavidyalaya.">
    <meta property="og:image"       content="https://examstay.com/CenterImage/76/Amar Bhartiya Mahavidyalaya01.jpg">
    <meta property="og:url"         content="https://examstay.com/CenterDetails.php?center=Amar+Bhartiya+Mahavidyalaya">

    <!-- Twitter Card -->
    <meta name="twitter:card"        content="summary_large_image">
    <meta name="twitter:title"       content="Amar Bhartiya Mahavidyalaya Exam Center Gwalior">
    <meta name="twitter:description" content="How to reach Amar Bhartiya Mahavidyalaya exam center in Gwalior, Madhya Pradesh. Find full address, nearby hotels, bus &amp; railway info, parking details, student reviews, and tourist places near Amar Bhartiya Mahavidyalaya.">
    <meta name="twitter:image"       content="https://examstay.com/CenterImage/76/Amar Bhartiya Mahavidyalaya01.jpg">

    <link rel="canonical" href="https://examstay.com/CenterDetails.php?center=Amar+Bhartiya+Mahavidyalaya" />

    <!-- Geo tags for local SEO -->
        <meta name="geo.region"    content="IN-Madhya Pradesh">
    <meta name="geo.placename" content="Gwalior">
    <meta name="geo.position"  content="26.23880221;78.30138787">
    <meta name="ICBM"          content="26.23880221, 78.30138787">
    

<!-- Organization Schema (appears on all pages) -->
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Organization",
  "name": "ExamStay",
  "url": "https://examstay.com/",
  "logo": "https://examstay.com/assets/logo.png",
  "description": "ExamStay helps students find hotels and travel information near exam centers across India.",
  "sameAs": [
    "https://t.me/examstaycommunity"
  ]
}
</script>

<!-- Google Ads -->
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-2376443080436223" crossorigin="anonymous"></script>

<!-- Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-SSLWE6ZFZN"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());
  gtag('config', 'G-SSLWE6ZFZN');
</script>

<!-- Bootstrap 5 CSS -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" />
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css" rel="stylesheet" />

<style>
    body { background-color: #f8f9fa; font-family: "Segoe UI", sans-serif; padding-top: 80px; }
    .navbar { background-color: #ffffff !important; box-shadow: 0 2px 6px rgba(0,0,0,0.05); }
    .navbar-brand { font-size: 1.6rem; font-weight: bold; color: #0d6efd !important; }
    .navbar-nav .nav-link { color: #343a40 !important; font-weight: 500; }
    .navbar-nav .nav-link:hover { color: #0d6efd !important; }
    .btn-login { background-color: #ffc107; color: #000; border-radius: 20px; padding: 5px 15px; font-size: 0.9rem; font-weight: 600; }
    .footer { background-color: #ffffff; border-top: 1px solid #dee2e6; padding: 15px 0; text-align: center; font-size: 14px; color: #6c757d; }
    .content-container { min-height: 80vh; background-color: #ffffff; padding-right: 1rem; }
    .rounded-search { border-radius: 50px; padding: 0.75rem 1.5rem; }
    .fade-in-up { opacity: 0; transform: translateY(20px); transition: all 0.6s ease-in-out; }
    .fade-in-up.appear { opacity: 1; transform: translateY(0); }
    .section-padding { padding: 60px 0; }
    .icon-style { font-size: 2rem; color: #0d6efd; }
    @media (min-width: 992px) {
        .content-container { padding-left: 3rem; padding-right: 3rem; }
    }
</style>

<!-- Google Search Console verification -->
<meta name="google-site-verification" content="oaYCwlHIjJmVL4b-buxsRBD1RkFm5jYeSPQV3fSz1Io" />

<!-- tpembars script PERMANENTLY REMOVED (was malicious) -->

</head>
<body>
<nav class="navbar navbar-expand-lg fixed-top">
    <div class="container-fluid px-4">
        <a class="navbar-brand ms-2" href="/index.php">Exam<span style="color: #f1b606; font-style: bold;">Stay</span></a>
        <button class="navbar-toggler border-0 bg-transparent" type="button" data-bs-toggle="collapse" data-bs-target="#mainNavbar">
            <i class="bi bi-list fs-2 text-dark"></i>
        </button>
        <div class="collapse navbar-collapse" id="mainNavbar">
            <ul class="navbar-nav me-auto mb-2 mb-lg-0">
                <li class="nav-item"><a class="nav-link" href="/index.php">Home</a></li>
                <li class="nav-item"><a class="nav-link" href="/about.php">About</a></li>
                <li class="nav-item"><a class="nav-link" href="/contact.php">Contact</a></li>
                <li class="nav-item"><a class="nav-link" href="/ExamCenterMaps.php">Map</a></li>
         
                <li class="nav-item">
                    <a class="nav-link" href="/include/list-your-exam-center-in-examstay.php" style="color: #0d6efd !important;">Center Listing</a>
                </li>
            </ul>
            <ul class="navbar-nav mb-2 mb-lg-0 d-flex align-items-center gap-3">

               
<li class="nav-item">
                    <a class="btn btn-login px-3" href="/ExamCenterMaps.php">Center MAP</a>
                </li>

            </ul>
        </div>
    </div>
</nav>

<div class="content-container py-4">
<!-- Leaflet CSS & JS -->
<link rel="stylesheet" href="https://unpkg.com/leaflet/dist/leaflet.css" />
<script src="https://unpkg.com/leaflet/dist/leaflet.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/glightbox/dist/css/glightbox.min.css" />
<script src="https://cdn.jsdelivr.net/npm/glightbox/dist/js/glightbox.min.js"></script>
<script>
    document.addEventListener('DOMContentLoaded', function() {
        const lightbox = GLightbox({
            selector: '.glightbox',
            touchNavigation: true,
            loop: true,
            zoomable: true,
            autoplayVideos: true,
            openEffect: 'zoom',
            closeEffect: 'zoom'
        });
    });
</script>
<style>
:root {
    --gallery-gap: 12px;
    --gallery-radius: 16px;
}
.gallery-grid {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: var(--gallery-gap);
    height: 400px;
    overflow: hidden;
    width: 100%;
}
.side-grid {
    display: grid;
    grid-template-rows: 1fr 1fr;
    gap: var(--gallery-gap);
    min-height: 0;
    height: 100%;
}
.gallery-item {
    position: relative;
    border-radius: var(--gallery-radius);
    overflow: hidden;
    height: 100%;
}
.gallery-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.gallery-item:hover img { transform: scale(1.05); }
.gallery-overlay {
    position: absolute; inset: 0; background: rgba(0, 0, 0, 0.2);
    display: flex; align-items: center; justify-content: center;
    color: white; font-size: 1.5rem; opacity: 0; transition: opacity 0.3s;
}
.gallery-item:hover .gallery-overlay { opacity: 1; }
.more-photos-overlay {
    position: absolute; inset: 0;
    background: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(2px);
    display: flex; align-items: center; justify-content: center;
    color: white; font-weight: 700; font-size: 1.25rem;
    transition: background 0.3s ease;
}
.gallery-item:hover .more-photos-overlay { background: rgba(0, 0, 0, 0.6); }
.gallery-placeholder, .gallery-empty-state {
    height: 300px; display: flex; flex-direction: column;
    align-items: center; justify-content: center;
    background: #f1f3f5; border-radius: var(--gallery-radius);
}
.gallery-empty-state { padding: 3rem 1rem; border: 2px dashed #dee2e6; background: #fff; text-align: center;}
.leaflet-custom-btn {
    background: #0d6efd;
    color: #fff !important;
    padding: 8px 12px;
    border-radius: 4px;
    text-decoration: none;
    font-size: 13px;
    font-weight: 600;
    box-shadow: 0 1px 5px rgba(0,0,0,0.4);
    display: inline-block;
}
.leaflet-custom-btn:hover { background: #0b5ed7; }
@media (min-width: 769px) { .map-mobile { display: none !important; } }
@media (max-width: 768px) {
    .gallery-grid { grid-template-columns: 1fr; height: auto; }
    .gallery-grid .main-feature { height: 250px; }
    .side-grid { grid-template-columns: 1fr 1fr; grid-template-rows: none; height: 120px; }
    .more-photos-overlay { font-size: 1rem; }
    .sidebar { background-color: #fff; position: sticky; top: 20px; height: 90vh; overflow-y: auto; }
    .leaflet-control-custom-wrapper { display: none !important; }
    #centerMap { height: 300px; }
}
.reveal {
    opacity: 0;
    transform: translateY(40px);
    transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
    will-change: opacity, transform;
}
.reveal.visible { opacity: 1; transform: translateY(0); }
.reveal-delay-1 { transition-delay: 0.1s; }
.sidebar { background-color: #fff; position: sticky; top: 20px; height: 90vh; overflow-y: auto; }
.reach-score-box {
    background: linear-gradient(135deg, #e0f2fe, #bae6fd);
    border: 1px solid #0ea5e9;
    border-radius: 12px;
    padding: 20px;
    text-align: center;
}
.score-label { font-size: 0.85rem; text-transform: uppercase; font-weight: 700; color: #0369a1; margin-bottom: 8px; }
.score-value { font-size: 2rem; font-weight: 800; color: #0c4a6e; }
.rating-modern { display: inline-flex; align-items: center; background: #f8f9fa; padding: 6px 12px; border-radius: 8px; font-weight: 600; border: 1px solid #e5e5e5; }
.rating-number { font-size: 1rem; color: #212529; }
.rating-star { color: #ffc107; margin-left: 4px; font-size: 1rem; }
</style>
<script>
document.addEventListener("DOMContentLoaded", function() {
    const observerOptions = { root: null, threshold: 0.1 };
    const revealObserver = new IntersectionObserver((entries, observer) => {
        entries.forEach(entry => {
            if (entry.isIntersecting) {
                entry.target.classList.add("visible");
                observer.unobserve(entry.target);
            }
        });
    }, observerOptions);
    document.querySelectorAll('.reveal').forEach(el => { revealObserver.observe(el); });
});
</script>
<div class="container-fluid">
    <div class="row">
        <div class="col-md-9 col-sm-12 main-content">
           <div class="location-header">
            <h1 class="section-title mb-0 border-bottom pb-2">
   <i class="bi bi-geo-alt-fill me-2 text-primary"></i> Amar Bhartiya Mahavidyalaya</h1></div>
<p class="text-muted small mb-2">
            Last Updated: April 23, 2026                • Rating: 3.1    </p>
          <div class="modern-gallery mb-4">
            <div class="gallery-grid">
            <div class="gallery-item main-feature">
                <a href="CenterImage/76/Amar Bhartiya Mahavidyalaya01.jpg" class="glightbox" data-gallery="center-gallery">
                    <img src="CenterImage/76/Amar Bhartiya Mahavidyalaya01.jpg"
                         alt="Amar Bhartiya Mahavidyalaya exam center main view" loading="lazy">
                    <div class="gallery-overlay"><i class="bi bi-arrows-angle-expand"></i></div>
                </a>
            </div>
            <div class="side-grid">
                <div class="gallery-item sub-feature">
                                            <div class="gallery-placeholder"><i class="bi bi-image opacity-25"></i></div>
                                    </div>
                <div class="gallery-item sub-feature">
                                            <div class="gallery-placeholder"><i class="bi bi-image opacity-25"></i></div>
                                    </div>
            </div>
                    </div>
    </div>
    <hr class="my-3" />
<div class="location-wrapper">
    <div class="location-grid mb-4">
        <div class="detail-box">
            <span class="detail-label">State</span>
            <span class="detail-value">Madhya Pradesh</span>
        </div>
        <div class="detail-box">
            <span class="detail-label">City</span>
            <span class="detail-value">Gwalior</span>
        </div>
        <div class="detail-box">
            <span class="detail-label">Locality</span>
            <span class="detail-value">Kheriya Modi</span>
        </div>
        <div class="detail-box">
            <span class="detail-label">Country</span>
            <span class="detail-value">India</span>
        </div>
    </div>
    <div class="row g-3 mb-5">
        <div class="col-md-8">
            <div class="address-strip">
                <div class="icon-circle"><i class="bi bi-pin-map"></i></div>
                <div class="ms-3">
                    <div class="detail-label text-primary">Full Address</div>
                    <div class="detail-value text-white">Dhaneli, badagaon road, Morar, Gwalior, PIN-474006</div>
                </div>
            </div>
        </div>
        <div class="col-md-4">
            <div class="parking-box">
                <div class="d-flex justify-content-between align-items-center">
                    <div>
                        <div class="detail-label">Parking Status</div>
                        <div class="detail-value">Limited</div>
                    </div>
                    <div class="fs-2 text-primary opacity-50"><i class="bi bi-p-square"></i></div>
                </div>
            </div>
        </div>
    </div>
<div class="location-header reveal reveal-delay-1 mb-4">
        <h2 class="section-title mb-0 border-bottom pb-2">
            <i class="bi bi-geo-alt-fill me-2 text-primary"></i>How To Reach Amar Bhartiya Mahavidyalaya        </h2>
        <p class="text-muted small mt-2">Comprehensive location and transport guide</p>
    </div>
    <div class="description-block reveal mb-5">
    <div class="d-flex justify-content-between align-items-center mb-3">
        <h5 class="subsection-title mb-0">Detailed Overview</h5>
            <div class="rating-modern">
        <span class="rating-number">3.1</span>
        <span class="rating-star">★</span>
    </div>
    </div>
    <div class="text-secondary lh-lg">
        Amar Bhartiya Mahavidyalaya, Gwalior, is a well-established teacher-training institution located in the Thatipur area, specifically at Chauhan Pyaoo within the Suresh Nagar Colony. For candidates appearing for exams, this center is highly convenient because it is situated in a central, well-developed residential and educational zone of Gwalior. The college is a prominent landmark in the Thatipur locality, making it very easy for local transport drivers to find. Its location is particularly advantageous as it sits within the city limits, unlike many other technical colleges that are far out on the highways. This proximity to major residential hubs like Morar and City Centre ensures that students can find plenty of quick-service eateries and stationery shops nearby, providing a stress-free environment for last-minute preparations.    </div>
</div>
    <hr class="my-5 opacity-10">
    <h3 class="subsection-title mb-4">
        <i class="bi bi-connector-fill me-2"></i>Connectivity &amp; Transport
    </h3>
   <div class="row g-3 reveal reveal-delay-1">
    <div class="col-lg-6 col-md-6">
        <div class="local-commute-box h-100">
            <div class="d-flex align-items-center mb-2">
                <i class="bi bi-airplane me-2 text-warning"></i>
                <h3>Nearest Airport</h3>
            </div>
                        <p class="mb-0 small text-dark"><ul class="mb-0 ps-3"><li><strong>Rajmata Vijaya Raje Scindia Airport (GWL): </strong>Rajmata Vijaya Raje Scindia Airport (GWL) is the only airport in Gwalior, located approximately 12 km away from the college. Depending on the traffic, it usually takes about 25 to 35 minutes to reach the center.</li><li><strong>How to reach: </strong>The most efficient way to travel from the airport is by booking an Uber or a local taxi. While Gwalior doesn&amp;amp;amp;#039;t have a high frequency of airport buses, you can find private taxis and auto-rickshaws right at the exit. A taxi ride will generally cost between ₹300 and ₹450.</li></ul></p>
        </div>
    </div>
    <div class="col-lg-6 col-md-6">
        <div class="local-commute-box h-100">
            <div class="d-flex align-items-center mb-2">
                <i class="bi bi-train-front me-2 text-success"></i>
                <h3>Railway Station</h3>
            </div>
            <p class="mb-0 small text-dark"><ul class="mb-0 ps-3"><li><strong>Gwalior Junction (GWL): </strong>Gwalior Junction (GWL) is the main railway hub and is located approximately 6 km from the college. The travel time is usually around 15 to 20 minutes.</li><li><strong>How to reach: </strong>Upon exiting the station (Platform No. 1 side), you will find a large stand for auto-rickshaws. A private auto to Amar Bhartiya Mahavidyalaya will cost roughly ₹100 to ₹150. If you prefer a more budget-friendly option, you can take a shared tempo to Thatipur Chauraha for just ₹20 and then walk or take a short rickshaw ride to the college.</li></ul></p>
        </div>
    </div>
    <div class="col-lg-12">
        <div class="local-commute-box h-100">
            <div class="d-flex align-items-center mb-2">
                <i class="bi bi-train-lightrail-front me-2 text-primary"></i>
                <h3>Metro Station</h3>
            </div>
            <p class="mb-0 small text-dark">Metro Connectivity is Not Available in This Area</p>
        </div>
    </div>
    <div class="col-lg-6 col-md-6">
        <div class="local-commute-box h-100">
            <div class="d-flex align-items-center mb-2">
                <i class="bi bi-bus-front me-2 text-danger"></i>
                <h3>Bus Connectivity</h3>
            </div>
            <p class="mb-0 small text-dark"><ul class="mb-0 ps-3"><li><strong>Thatipur Bus Stop: </strong>Thatipur Bus Stop is the closest local stop, located just a few hundred meters from the college. For those arriving from other cities, the Gwalior Inter-State Bus Terminal (ISBT) is roughly 6 km away.</li><li><strong>Bus Routes: </strong>Numerous local city buses and &amp;amp;amp;quot;Magic&amp;amp;amp;quot; tempos run through Thatipur, connecting it to all major parts of Gwalior like Lashkar, Gole Ka Mandir, and Morar.</li><li><strong>Availability &amp;amp;amp;amp; Fare: </strong>Direct bus connectivity is excellent. A local bus ride from the main city areas typically costs ₹10 to ₹20. Shared autos are incredibly frequent in Thatipur and charge a flat rate of roughly ₹15–₹20 for local distances.</li></ul></p>
        </div>
    </div>
    <div class="col-lg-6 col-md-6">
        <div class="local-commute-box h-100">
            <div class="d-flex align-items-center mb-2">
                <i class="bi bi-taxi-front me-2 text-info"></i>
                <h3>Local Taxi / Auto</h3>
            </div>
            <p class="mb-0 small text-dark"><ul class="mb-0 ps-3"><li><strong>App-Based Services: </strong>Uber and Rapido (bike taxi) are fully operational in the city. Rapido is a very popular and fast choice for students, with solo rides from the station costing around ₹50–₹70.</li></ul></p>
        </div>
    </div>
</div>
    <div class="row mt-5 align-items-stretch">
        <div class="col-md-8 mb-3">
        <div class="useful-links-strip h-100">
            <i class="bi bi-link-45deg me-2 text-primary"></i>
            <span class="me-3 fw-bold text-danger">Quick Links:</span>
            <div class="links-container"><p>No links available at this time.</p></div>
        </div>
    </div>
                <div class="col-md-4 mb-3">
        <div class="reach-score-box h-100 d-flex flex-column justify-content-center align-items-center"
             style="background: linear-gradient(135deg, #dcfce7, #bbf7d0); border: 1px solid #16a34a;">
            <div class="score-label" style="color: #16a34a;">Reachability Score</div>
            <div class="score-value" style="color: #065f46;">7/10</div>
        </div>
    </div>
    </div>
<p class="small text-muted mb-0"><i class="bi bi-info-circle me-1"></i>
    Reachability Score shows how easily this center can be accessed by airport, metro, bus, railway, and taxi. Higher score = better connectivity.
</p></div>

<style>
:root { --primary-brand: #2563eb; --bg-light: #f8fafc; --text-main: #1e293b; --border-color: #e2e8f0; }
.location-wrapper { font-family: 'Inter', sans-serif; background: transparent; padding: 10px 0; }
.section-title { color: var(--text-main); font-weight: 800; letter-spacing: -0.5px; }
.subsection-title { font-size: 1.5rem; font-weight: 800; color: var(--text-main); border-left: 4px solid var(--primary-brand); padding-left: 12px; }
.location-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 15px; }
.detail-box { background: var(--bg-light); padding: 15px; border-radius: 12px; border: 1px solid var(--border-color); }
.detail-label { display: block; font-size: 0.85rem; text-transform: uppercase; font-weight: 700; color: #dc3545; margin-bottom: 4px; }
.detail-value { font-weight: 600; color: var(--text-main); font-size: 0.95rem; }
.address-strip { background: linear-gradient(135deg, #1e293b 0%, #334155 100%); padding: 24px; border-radius: 16px; display: flex; align-items: center; height: 100%; }
.icon-circle { width: 45px; height: 45px; background: rgba(255,255,255,0.1); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: white; font-size: 1.2rem; }
.parking-box { background: #eff6ff; border: 1px dashed var(--primary-brand); padding: 24px; border-radius: 16px; height: 100%; }
.local-commute-box { background: #f1f5f9; padding: 20px; border-radius: 12px; border: 1px solid transparent; transition: all 0.2s ease; }
.local-commute-box:hover { background: #e2e8f0; border-color: #cbd5e1; }
.local-commute-box strong { font-size: 0.95rem; color: #0d6efd; }
.local-commute-box h3 { font-size: 1rem; color: #dc3545; font-weight: 800; }
.useful-links-strip { background: #f8fafc; padding: 15px 20px; border-radius: 10px; font-size: 0.85rem; display: flex; align-items: center; border: 1px solid var(--border-color); }
.links-container a { color: var(--primary-brand); text-decoration: none; font-weight: 600; margin-right: 15px; }
</style>

<hr style="margin-top: 4rem;">
<div class="location-header reveal mb-4">
    <h2 class="section-title mb-0 border-bottom pb-2">
        <i class="bi bi-geo-alt-fill me-2 text-primary"></i>
        Amar Bhartiya Mahavidyalaya 360° Street View
    </h2>
</div>
<div class="mb-4 rounded shadow-sm border reveal reveal-delay-1" style="overflow:hidden;">
    <iframe
        src="https://www.google.com/maps?q=&layer=c&cbll=26.23880221,78.30138787&cbp=11,0,0,0,0&output=svembed"
        width="100%" height="400" style="border:0;" allowfullscreen loading="lazy">
    </iframe>
    <p class="small text-muted mb-0"><i class="bi bi-info-circle me-1"></i>360° imagery courtesy of Google Maps Street View.</p>
</div>

<div class="text-center mt-3">
    <a href="https://maps.app.goo.gl/qFqCRcM5iHDsiGH76" target="_blank" class="btn btn-primary px-4">
        📍 Open in Google Maps
    </a>
</div>


<hr style="margin-top: 4rem;">
<div class="location-header reveal mb-4">
   <h2 class="section-title mb-0 border-bottom pb-2">
            <i class="bi bi-geo-alt-fill me-2 text-primary"></i>Best Hotels &amp; Stays near- Amar Bhartiya Mahavidyalaya</h2>
            <p class="text-muted small mt-2 mb-0">
       <i class="bi bi-info-circle me-1"></i>
       Hotels listed below are automatically generated based on proximity to- Amar Bhartiya Mahavidyalaya.
   </p>
</div>
<hr class="my-3" /><h2 class="section-title mb-0 border-bottom pb-2">⭐Candidate-Verified &amp; Recommended Hotels</h2>    <div class="col-12 text-center py-4 text-muted reveal reveal-delay-1">
        <i class="bi bi-shop fs-1"></i>
        <p class="mb-1">Help others — share details to get it added to our Verified list.</p>
        <a href="include/How-to-list-hotel-in-examstay.php?center=Amar+Bhartiya+Mahavidyalaya" class="btn btn-sm btn-warning btn-outline-dark">
            <i class="bi bi-plus-circle me-1"></i>Contribute</a>
    </div>

<hr style="margin-top: 4rem;">
<div class="location-header mb-4">
    <h2 class="section-title mb-0 border-bottom pb-2">
        <i class="bi bi-geo-alt-fill me-2 text-primary"></i>Tourist Places in Gwalior</h2>
</div>
<hr class="my-3" />
<div class="row" id="touristPlacesContainer">
                    <div class="col-md-6 col-lg-4 mb-4 tourist-card" style="">
            <div class="card h-100 border-0 shadow-sm hover-shadow rounded-3 overflow-hidden">
                <a href="https://www.google.com/maps/place/?q=place_id:ChIJAQAAAB_EdjkRXJP51r1MBGI" target="_blank">
                    <img src="assets/NearbyTouristPlacesIMG/ChIJAQAAAB_EdjkRXJP51r1MBGI_1777608480.jpg"
                         class="card-img-top" style="height: 180px; object-fit: cover;">
                </a>
                <div class="card-body text-center p-2">
                    <h6 class="fw-semibold text-primary mb-2">Gopachal Jain Parvat</h6>
                                        <p class="text-muted small mb-2">
                                                    <span style="color:#f5c518; font-size:16px;">★</span>
                                                    <span style="color:#f5c518; font-size:16px;">★</span>
                                                    <span style="color:#f5c518; font-size:16px;">★</span>
                                                    <span style="color:#f5c518; font-size:16px;">★</span>
                                                    <span style="color:#f5c518; font-size:16px;">☆</span>
                                                <small class="text-muted">(4.6/5)</small>                    </p>
                    <a href="https://www.google.com/maps/place/?q=place_id:ChIJAQAAAB_EdjkRXJP51r1MBGI" target="_blank"
                       class="btn btn-gradient w-100 py-2 fw-semibold text-white rounded-0">View on Map</a>
                </div>
            </div>
        </div>
                    <div class="col-md-6 col-lg-4 mb-4 tourist-card" style="">
            <div class="card h-100 border-0 shadow-sm hover-shadow rounded-3 overflow-hidden">
                <a href="https://www.google.com/maps/place/?q=place_id:ChIJa10V1kbBdjkRe8Jv3Ol4RKM" target="_blank">
                    <img src="assets/NearbyTouristPlacesIMG/ChIJa10V1kbBdjkRe8Jv3Ol4RKM_1777608560.jpg"
                         class="card-img-top" style="height: 180px; object-fit: cover;">
                </a>
                <div class="card-body text-center p-2">
                    <h6 class="fw-semibold text-primary mb-2">Sun Temple Gwalior</h6>
                                        <p class="text-muted small mb-2">
                                                    <span style="color:#f5c518; font-size:16px;">★</span>
                                                    <span style="color:#f5c518; font-size:16px;">★</span>
                                                    <span style="color:#f5c518; font-size:16px;">★</span>
                                                    <span style="color:#f5c518; font-size:16px;">★</span>
                                                    <span style="color:#f5c518; font-size:16px;">☆</span>
                                                <small class="text-muted">(4.5/5)</small>                    </p>
                    <a href="https://www.google.com/maps/place/?q=place_id:ChIJa10V1kbBdjkRe8Jv3Ol4RKM" target="_blank"
                       class="btn btn-gradient w-100 py-2 fw-semibold text-white rounded-0">View on Map</a>
                </div>
            </div>
        </div>
                    <div class="col-md-6 col-lg-4 mb-4 tourist-card" style="">
            <div class="card h-100 border-0 shadow-sm hover-shadow rounded-3 overflow-hidden">
                <a href="https://www.google.com/maps/place/?q=place_id:ChIJJyX4F5PGdjkRV0LQvyT-UvU" target="_blank">
                    <img src="assets/NearbyTouristPlacesIMG/ChIJJyX4F5PGdjkRV0LQvyT-UvU_1777608711.jpg"
                         class="card-img-top" style="height: 180px; object-fit: cover;">
                </a>
                <div class="card-body text-center p-2">
                    <h6 class="fw-semibold text-primary mb-2">Gujari Mahal</h6>
                                        <p class="text-muted small mb-2">
                                                    <span style="color:#f5c518; font-size:16px;">★</span>
                                                    <span style="color:#f5c518; font-size:16px;">★</span>
                                                    <span style="color:#f5c518; font-size:16px;">★</span>
                                                    <span style="color:#f5c518; font-size:16px;">★</span>
                                                    <span style="color:#f5c518; font-size:16px;">☆</span>
                                                <small class="text-muted">(4.4/5)</small>                    </p>
                    <a href="https://www.google.com/maps/place/?q=place_id:ChIJJyX4F5PGdjkRV0LQvyT-UvU" target="_blank"
                       class="btn btn-gradient w-100 py-2 fw-semibold text-white rounded-0">View on Map</a>
                </div>
            </div>
        </div>
                    <div class="col-md-6 col-lg-4 mb-4 tourist-card" style="display:none;">
            <div class="card h-100 border-0 shadow-sm hover-shadow rounded-3 overflow-hidden">
                <a href="https://www.google.com/maps/place/?q=place_id:ChIJWzreD5LGdjkRzliN1uP4vZI" target="_blank">
                    <img src="assets/NearbyTouristPlacesIMG/ChIJWzreD5LGdjkRzliN1uP4vZI_1777609050.jpg"
                         class="card-img-top" style="height: 180px; object-fit: cover;">
                </a>
                <div class="card-body text-center p-2">
                    <h6 class="fw-semibold text-primary mb-2">Archaeological Museum</h6>
                                        <p class="text-muted small mb-2">
                                                    <span style="color:#f5c518; font-size:16px;">★</span>
                                                    <span style="color:#f5c518; font-size:16px;">★</span>
                                                    <span style="color:#f5c518; font-size:16px;">★</span>
                                                    <span style="color:#f5c518; font-size:16px;">★</span>
                                                    <span style="color:#f5c518; font-size:16px;">☆</span>
                                                <small class="text-muted">(4.4/5)</small>                    </p>
                    <a href="https://www.google.com/maps/place/?q=place_id:ChIJWzreD5LGdjkRzliN1uP4vZI" target="_blank"
                       class="btn btn-gradient w-100 py-2 fw-semibold text-white rounded-0">View on Map</a>
                </div>
            </div>
        </div>
                    <div class="col-md-6 col-lg-4 mb-4 tourist-card" style="display:none;">
            <div class="card h-100 border-0 shadow-sm hover-shadow rounded-3 overflow-hidden">
                <a href="https://www.google.com/maps/place/?q=place_id:ChIJrXYz9ZXGdjkRrCDN9yxJL-Q" target="_blank">
                    <img src="assets/NearbyTouristPlacesIMG/ChIJrXYz9ZXGdjkRrCDN9yxJL-Q_1777609170.jpg"
                         class="card-img-top" style="height: 180px; object-fit: cover;">
                </a>
                <div class="card-body text-center p-2">
                    <h6 class="fw-semibold text-primary mb-2">Tomb of Tansen</h6>
                                        <p class="text-muted small mb-2">
                                                    <span style="color:#f5c518; font-size:16px;">★</span>
                                                    <span style="color:#f5c518; font-size:16px;">★</span>
                                                    <span style="color:#f5c518; font-size:16px;">★</span>
                                                    <span style="color:#f5c518; font-size:16px;">★</span>
                                                    <span style="color:#f5c518; font-size:16px;">☆</span>
                                                <small class="text-muted">(4.3/5)</small>                    </p>
                    <a href="https://www.google.com/maps/place/?q=place_id:ChIJrXYz9ZXGdjkRrCDN9yxJL-Q" target="_blank"
                       class="btn btn-gradient w-100 py-2 fw-semibold text-white rounded-0">View on Map</a>
                </div>
            </div>
        </div>
                    <div class="col-md-6 col-lg-4 mb-4 tourist-card" style="display:none;">
            <div class="card h-100 border-0 shadow-sm hover-shadow rounded-3 overflow-hidden">
                <a href="https://www.google.com/maps/place/?q=place_id:ChIJoZDSI77GdjkR9nlKvJw553E" target="_blank">
                    <img src="assets/NearbyTouristPlacesIMG/ChIJoZDSI77GdjkR9nlKvJw553E_1777609358.jpg"
                         class="card-img-top" style="height: 180px; object-fit: cover;">
                </a>
                <div class="card-body text-center p-2">
                    <h6 class="fw-semibold text-primary mb-2">Tomb of Muhammad Ghaus</h6>
                                        <p class="text-muted small mb-2">
                                                    <span style="color:#f5c518; font-size:16px;">★</span>
                                                    <span style="color:#f5c518; font-size:16px;">★</span>
                                                    <span style="color:#f5c518; font-size:16px;">★</span>
                                                    <span style="color:#f5c518; font-size:16px;">★</span>
                                                    <span style="color:#f5c518; font-size:16px;">☆</span>
                                                <small class="text-muted">(4.3/5)</small>                    </p>
                    <a href="https://www.google.com/maps/place/?q=place_id:ChIJoZDSI77GdjkR9nlKvJw553E" target="_blank"
                       class="btn btn-gradient w-100 py-2 fw-semibold text-white rounded-0">View on Map</a>
                </div>
            </div>
        </div>
                    <div class="col-md-6 col-lg-4 mb-4 tourist-card" style="display:none;">
            <div class="card h-100 border-0 shadow-sm hover-shadow rounded-3 overflow-hidden">
                <a href="https://www.google.com/maps/place/?q=place_id:ChIJwRVcJFzFdjkRv9OFSNKMZKo" target="_blank">
                    <img src="assets/NearbyTouristPlacesIMG/ChIJwRVcJFzFdjkRv9OFSNKMZKo_1777609441.jpg"
                         class="card-img-top" style="height: 180px; object-fit: cover;">
                </a>
                <div class="card-body text-center p-2">
                    <h6 class="fw-semibold text-primary mb-2">Jai Vilas Palace</h6>
                                        <p class="text-muted small mb-2">
                                                    <span style="color:#f5c518; font-size:16px;">★</span>
                                                    <span style="color:#f5c518; font-size:16px;">★</span>
                                                    <span style="color:#f5c518; font-size:16px;">★</span>
                                                    <span style="color:#f5c518; font-size:16px;">★</span>
                                                    <span style="color:#f5c518; font-size:16px;">☆</span>
                                                <small class="text-muted">(4.3/5)</small>                    </p>
                    <a href="https://www.google.com/maps/place/?q=place_id:ChIJwRVcJFzFdjkRv9OFSNKMZKo" target="_blank"
                       class="btn btn-gradient w-100 py-2 fw-semibold text-white rounded-0">View on Map</a>
                </div>
            </div>
        </div>
                    <div class="col-md-6 col-lg-4 mb-4 tourist-card" style="display:none;">
            <div class="card h-100 border-0 shadow-sm hover-shadow rounded-3 overflow-hidden">
                <a href="https://www.google.com/maps/place/?q=place_id:ChIJvWRH95LGdjkRw1nD9tNBvaE" target="_blank">
                    <img src="assets/NearbyTouristPlacesIMG/ChIJvWRH95LGdjkRw1nD9tNBvaE_1777609695.jpg"
                         class="card-img-top" style="height: 180px; object-fit: cover;">
                </a>
                <div class="card-body text-center p-2">
                    <h6 class="fw-semibold text-primary mb-2">Jahangir Mahal : Gwalior Fort</h6>
                                        <p class="text-muted small mb-2">
                                                    <span style="color:#f5c518; font-size:16px;">★</span>
                                                    <span style="color:#f5c518; font-size:16px;">★</span>
                                                    <span style="color:#f5c518; font-size:16px;">★</span>
                                                    <span style="color:#f5c518; font-size:16px;">★</span>
                                                    <span style="color:#f5c518; font-size:16px;">☆</span>
                                                <small class="text-muted">(4.3/5)</small>                    </p>
                    <a href="https://www.google.com/maps/place/?q=place_id:ChIJvWRH95LGdjkRw1nD9tNBvaE" target="_blank"
                       class="btn btn-gradient w-100 py-2 fw-semibold text-white rounded-0">View on Map</a>
                </div>
            </div>
        </div>
                    <div class="col-md-6 col-lg-4 mb-4 tourist-card" style="display:none;">
            <div class="card h-100 border-0 shadow-sm hover-shadow rounded-3 overflow-hidden">
                <a href="https://www.google.com/maps/place/?q=place_id:ChIJ7U2tZ5LGdjkRDnsbHGMXbGE" target="_blank">
                    <img src="assets/NearbyTouristPlacesIMG/ChIJ7U2tZ5LGdjkRDnsbHGMXbGE_1777609764.jpg"
                         class="card-img-top" style="height: 180px; object-fit: cover;">
                </a>
                <div class="card-body text-center p-2">
                    <h6 class="fw-semibold text-primary mb-2">Karn Mahal</h6>
                                        <p class="text-muted small mb-2">
                                                    <span style="color:#f5c518; font-size:16px;">★</span>
                                                    <span style="color:#f5c518; font-size:16px;">★</span>
                                                    <span style="color:#f5c518; font-size:16px;">★</span>
                                                    <span style="color:#f5c518; font-size:16px;">★</span>
                                                    <span style="color:#f5c518; font-size:16px;">☆</span>
                                                <small class="text-muted">(4.3/5)</small>                    </p>
                    <a href="https://www.google.com/maps/place/?q=place_id:ChIJ7U2tZ5LGdjkRDnsbHGMXbGE" target="_blank"
                       class="btn btn-gradient w-100 py-2 fw-semibold text-white rounded-0">View on Map</a>
                </div>
            </div>
        </div>
                    <div class="col-md-6 col-lg-4 mb-4 tourist-card" style="display:none;">
            <div class="card h-100 border-0 shadow-sm hover-shadow rounded-3 overflow-hidden">
                <a href="https://www.google.com/maps/place/?q=place_id:ChIJuf6mGgDHdjkRTNmY-NhCQ2A" target="_blank">
                    <img src="assets/NearbyTouristPlacesIMG/ChIJuf6mGgDHdjkRTNmY-NhCQ2A_1777609853.jpg"
                         class="card-img-top" style="height: 180px; object-fit: cover;">
                </a>
                <div class="card-body text-center p-2">
                    <h6 class="fw-semibold text-primary mb-2">Gwalior Safari</h6>
                                        <p class="text-muted small mb-2">
                                                    <span style="color:#f5c518; font-size:16px;">★</span>
                                                    <span style="color:#f5c518; font-size:16px;">★</span>
                                                    <span style="color:#f5c518; font-size:16px;">★</span>
                                                    <span style="color:#f5c518; font-size:16px;">★</span>
                                                    <span style="color:#f5c518; font-size:16px;">☆</span>
                                                <small class="text-muted">(4.2/5)</small>                    </p>
                    <a href="https://www.google.com/maps/place/?q=place_id:ChIJuf6mGgDHdjkRTNmY-NhCQ2A" target="_blank"
                       class="btn btn-gradient w-100 py-2 fw-semibold text-white rounded-0">View on Map</a>
                </div>
            </div>
        </div>
                    <div class="col-md-6 col-lg-4 mb-4 tourist-card" style="display:none;">
            <div class="card h-100 border-0 shadow-sm hover-shadow rounded-3 overflow-hidden">
                <a href="https://www.google.com/maps/place/?q=place_id:ChIJHQAvSCbEdjkRPcllV8hVGxg" target="_blank">
                    <img src="assets/NearbyTouristPlacesIMG/ChIJHQAvSCbEdjkRPcllV8hVGxg_1777610062.jpg"
                         class="card-img-top" style="height: 180px; object-fit: cover;">
                </a>
                <div class="card-body text-center p-2">
                    <h6 class="fw-semibold text-primary mb-2">Italian Garden</h6>
                                        <p class="text-muted small mb-2">
                                                    <span style="color:#f5c518; font-size:16px;">★</span>
                                                    <span style="color:#f5c518; font-size:16px;">★</span>
                                                    <span style="color:#f5c518; font-size:16px;">★</span>
                                                    <span style="color:#f5c518; font-size:16px;">★</span>
                                                    <span style="color:#f5c518; font-size:16px;">☆</span>
                                                <small class="text-muted">(4.2/5)</small>                    </p>
                    <a href="https://www.google.com/maps/place/?q=place_id:ChIJHQAvSCbEdjkRPcllV8hVGxg" target="_blank"
                       class="btn btn-gradient w-100 py-2 fw-semibold text-white rounded-0">View on Map</a>
                </div>
            </div>
        </div>
                    <div class="col-md-6 col-lg-4 mb-4 tourist-card" style="display:none;">
            <div class="card h-100 border-0 shadow-sm hover-shadow rounded-3 overflow-hidden">
                <a href="https://www.google.com/maps/place/?q=place_id:ChIJqejUwSfEdjkRSqfBwqi0lFA" target="_blank">
                    <img src="assets/NearbyTouristPlacesIMG/ChIJqejUwSfEdjkRSqfBwqi0lFA_1777610500.jpg"
                         class="card-img-top" style="height: 180px; object-fit: cover;">
                </a>
                <div class="card-body text-center p-2">
                    <h6 class="fw-semibold text-primary mb-2">Gwalior Zoo</h6>
                                        <p class="text-muted small mb-2">
                                                    <span style="color:#f5c518; font-size:16px;">★</span>
                                                    <span style="color:#f5c518; font-size:16px;">★</span>
                                                    <span style="color:#f5c518; font-size:16px;">★</span>
                                                    <span style="color:#f5c518; font-size:16px;">★</span>
                                                    <span style="color:#f5c518; font-size:16px;">☆</span>
                                                <small class="text-muted">(4.1/5)</small>                    </p>
                    <a href="https://www.google.com/maps/place/?q=place_id:ChIJqejUwSfEdjkRSqfBwqi0lFA" target="_blank"
                       class="btn btn-gradient w-100 py-2 fw-semibold text-white rounded-0">View on Map</a>
                </div>
            </div>
        </div>
                    <div class="col-md-6 col-lg-4 mb-4 tourist-card" style="display:none;">
            <div class="card h-100 border-0 shadow-sm hover-shadow rounded-3 overflow-hidden">
                <a href="https://www.google.com/maps/place/?q=place_id:ChIJxW6AmdfFdjkRmWwlZTRIkFc" target="_blank">
                    <img src="assets/NearbyTouristPlacesIMG/ChIJxW6AmdfFdjkRmWwlZTRIkFc_1777610615.jpg"
                         class="card-img-top" style="height: 180px; object-fit: cover;">
                </a>
                <div class="card-body text-center p-2">
                    <h6 class="fw-semibold text-primary mb-2">Sarod Ghar</h6>
                                        <p class="text-muted small mb-2">
                                                    <span style="color:#f5c518; font-size:16px;">★</span>
                                                    <span style="color:#f5c518; font-size:16px;">★</span>
                                                    <span style="color:#f5c518; font-size:16px;">★</span>
                                                    <span style="color:#f5c518; font-size:16px;">★</span>
                                                    <span style="color:#f5c518; font-size:16px;">☆</span>
                                                <small class="text-muted">(4.0/5)</small>                    </p>
                    <a href="https://www.google.com/maps/place/?q=place_id:ChIJxW6AmdfFdjkRmWwlZTRIkFc" target="_blank"
                       class="btn btn-gradient w-100 py-2 fw-semibold text-white rounded-0">View on Map</a>
                </div>
            </div>
        </div>
                    <div class="col-md-6 col-lg-4 mb-4 tourist-card" style="display:none;">
            <div class="card h-100 border-0 shadow-sm hover-shadow rounded-3 overflow-hidden">
                <a href="https://www.google.com/maps/place/?q=place_id:ChIJc9-i8I_GdjkRNIzZfhZC_-s" target="_blank">
                    <img src="assets/NearbyTouristPlacesIMG/ChIJc9-i8I_GdjkRNIzZfhZC_-s_1777610658.jpg"
                         class="card-img-top" style="height: 180px; object-fit: cover;">
                </a>
                <div class="card-body text-center p-2">
                    <h6 class="fw-semibold text-primary mb-2">Gwalior Fort</h6>
                                        <p class="text-muted small mb-2">
                                                    <span style="color:#f5c518; font-size:16px;">☆</span>
                                                    <span style="color:#f5c518; font-size:16px;">☆</span>
                                                    <span style="color:#f5c518; font-size:16px;">☆</span>
                                                    <span style="color:#f5c518; font-size:16px;">☆</span>
                                                    <span style="color:#f5c518; font-size:16px;">☆</span>
                                                                    </p>
                    <a href="https://www.google.com/maps/place/?q=place_id:ChIJc9-i8I_GdjkRNIzZfhZC_-s" target="_blank"
                       class="btn btn-gradient w-100 py-2 fw-semibold text-white rounded-0">View on Map</a>
                </div>
            </div>
        </div>
    </div>
    <div class="text-center mt-3">
        <button id="seeMorePlaces" class="btn btn-sm btn-warning btn-outline-dark px-4">See More Place</button>
    </div>
<script>
document.getElementById('seeMorePlaces')?.addEventListener('click', function() {
    document.querySelectorAll('.tourist-card').forEach(card => card.style.display = 'block');
    this.style.display = 'none';
});
</script>
<style>
.tourist-card { transition: transform 0.3s ease, box-shadow 0.3s ease; }
.tourist-card:hover { transform: translateY(-5px); box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12); }
.tourist-card .btn-gradient { background: linear-gradient(90deg, #0072ff, #00c6ff); border: none; transition: background 0.3s ease, transform 0.2s ease; }
.tourist-card .btn-gradient:hover { background: linear-gradient(90deg, #0059ff, #00a6e0); transform: scale(1.02); }
</style>

<hr style="margin-top: 4rem;">
<div class="location-header reveal mb-4">
    <h2 class="section-title mb-0 border-bottom pb-2"><i class="bi bi-geo-alt-fill me-2 text-primary"></i>All Exam Centers in Gwalior Complete List &amp; Details</h2>
</div>
<hr class="my-3" />
                    <div class="card shadow-sm mb-3 border-0 overflow-hidden">
            <div class="card-body reveal reveal-delay-1 p-0">
                <div class="d-flex align-items-stretch">
                    <div class="flex-shrink-0" style="width:100px; min-height:90px;">
                                                    <img src="CenterImage/78/Aryansh College Of Arts And Management.jpg"
                                 alt="Aryansh College Of Arts And Management"
                                 style="width:100px; height:100%; object-fit:cover; display:block;">
                                            </div>
                    <div class="flex-grow-1 p-3 d-flex flex-column justify-content-between">
                        <div class="d-flex flex-column flex-md-row justify-content-between align-items-start align-items-md-center mb-1">
                            <h5 class="card-title mb-1 mb-md-0">
                                <a href="CenterDetails.php?center=Aryansh+College+Of+Arts+And+Management"
                                   class="text-decoration-none text-primary fw-semibold">Aryansh College Of Arts And Management</a>
                            </h5>
                            <div class="mt-1 mt-md-0">
                                                                <p class="text-muted small mb-0">
                                                                            <span style="color:#f5c518; font-size:16px;">★</span>
                                                                            <span style="color:#f5c518; font-size:16px;">★</span>
                                                                            <span style="color:#f5c518; font-size:16px;">★</span>
                                                                            <span style="color:#f5c518; font-size:16px;">☆</span>
                                                                            <span style="color:#f5c518; font-size:16px;">☆</span>
                                                                        <small class="text-muted">(3.4/5)</small>                                </p>
                            </div>
                        </div>
                        <p class="mb-0 text-muted small">
                            📍 Chitora Rd,Dhaneli, Badagaon, Gwalior, PIN-474006<br>
                            🗺️ 0.5 km from this center
                        </p>
                    </div>
                </div>
            </div>
        </div>
                    <div class="card shadow-sm mb-3 border-0 overflow-hidden">
            <div class="card-body reveal reveal-delay-1 p-0">
                <div class="d-flex align-items-stretch">
                    <div class="flex-shrink-0" style="width:100px; min-height:90px;">
                                                    <img src="CenterImage/73/LNCT COLLEGE GWALIOR01.jpg"
                                 alt="Lakshmi Narain College Of Technology (LNCT)"
                                 style="width:100px; height:100%; object-fit:cover; display:block;">
                                            </div>
                    <div class="flex-grow-1 p-3 d-flex flex-column justify-content-between">
                        <div class="d-flex flex-column flex-md-row justify-content-between align-items-start align-items-md-center mb-1">
                            <h5 class="card-title mb-1 mb-md-0">
                                <a href="CenterDetails.php?center=Lakshmi+Narain+College+Of+Technology+%28LNCT%29"
                                   class="text-decoration-none text-primary fw-semibold">Lakshmi Narain College Of Technology (LNCT)</a>
                            </h5>
                            <div class="mt-1 mt-md-0">
                                                                <p class="text-muted small mb-0">
                                                                            <span style="color:#f5c518; font-size:16px;">★</span>
                                                                            <span style="color:#f5c518; font-size:16px;">★</span>
                                                                            <span style="color:#f5c518; font-size:16px;">★</span>
                                                                            <span style="color:#f5c518; font-size:16px;">☆</span>
                                                                            <span style="color:#f5c518; font-size:16px;">☆</span>
                                                                        <small class="text-muted">(3.5/5)</small>                                </p>
                            </div>
                        </div>
                        <p class="mb-0 text-muted small">
                            📍 Rai, Bada Gaon Rd, near Morar Cantt, Gwalior, PIN-474006<br>
                            🗺️ 1 km from this center
                        </p>
                    </div>
                </div>
            </div>
        </div>
                    <div class="card shadow-sm mb-3 border-0 overflow-hidden">
            <div class="card-body reveal reveal-delay-1 p-0">
                <div class="d-flex align-items-stretch">
                    <div class="flex-shrink-0" style="width:100px; min-height:90px;">
                                                    <img src="CenterImage/77/Bethesda Institute of Technology and Sciences (BITS).jpg"
                                 alt="Bethesda Institute of Technology and Sciences (BITS)"
                                 style="width:100px; height:100%; object-fit:cover; display:block;">
                                            </div>
                    <div class="flex-grow-1 p-3 d-flex flex-column justify-content-between">
                        <div class="d-flex flex-column flex-md-row justify-content-between align-items-start align-items-md-center mb-1">
                            <h5 class="card-title mb-1 mb-md-0">
                                <a href="CenterDetails.php?center=Bethesda+Institute+of+Technology+and+Sciences+%28BITS%29"
                                   class="text-decoration-none text-primary fw-semibold">Bethesda Institute of Technology and Sciences (BITS)</a>
                            </h5>
                            <div class="mt-1 mt-md-0">
                                                                <p class="text-muted small mb-0">
                                                                            <span style="color:#f5c518; font-size:16px;">★</span>
                                                                            <span style="color:#f5c518; font-size:16px;">★</span>
                                                                            <span style="color:#f5c518; font-size:16px;">★</span>
                                                                            <span style="color:#f5c518; font-size:16px;">☆</span>
                                                                            <span style="color:#f5c518; font-size:16px;">☆</span>
                                                                        <small class="text-muted">(3.5/5)</small>                                </p>
                            </div>
                        </div>
                        <p class="mb-0 text-muted small">
                            📍 Ratwai, Chittora Road, Morar, Gwalior, PIN-474006<br>
                            🗺️ 1.15 km from this center
                        </p>
                    </div>
                </div>
            </div>
        </div>
                    <div class="card shadow-sm mb-3 border-0 overflow-hidden">
            <div class="card-body reveal reveal-delay-1 p-0">
                <div class="d-flex align-items-stretch">
                    <div class="flex-shrink-0" style="width:100px; min-height:90px;">
                                                    <img src="CenterImage/74/nagaji group of institute gwalior01.jpg"
                                 alt="Nagaji Group of Institutions Gwalior"
                                 style="width:100px; height:100%; object-fit:cover; display:block;">
                                            </div>
                    <div class="flex-grow-1 p-3 d-flex flex-column justify-content-between">
                        <div class="d-flex flex-column flex-md-row justify-content-between align-items-start align-items-md-center mb-1">
                            <h5 class="card-title mb-1 mb-md-0">
                                <a href="CenterDetails.php?center=Nagaji+Group+of+Institutions+Gwalior"
                                   class="text-decoration-none text-primary fw-semibold">Nagaji Group of Institutions Gwalior</a>
                            </h5>
                            <div class="mt-1 mt-md-0">
                                                                <p class="text-muted small mb-0">
                                                                            <span style="color:#f5c518; font-size:16px;">★</span>
                                                                            <span style="color:#f5c518; font-size:16px;">★</span>
                                                                            <span style="color:#f5c518; font-size:16px;">☆</span>
                                                                            <span style="color:#f5c518; font-size:16px;">☆</span>
                                                                            <span style="color:#f5c518; font-size:16px;">☆</span>
                                                                        <small class="text-muted">(2.8/5)</small>                                </p>
                            </div>
                        </div>
                        <p class="mb-0 text-muted small">
                            📍 Thakur Baba campus, Jhansi Rd, Sitholi, Gwalior, PIN-474001<br>
                            🗺️ 13.67 km from this center
                        </p>
                    </div>
                </div>
            </div>
        </div>
                    <div class="card shadow-sm mb-3 border-0 overflow-hidden">
            <div class="card-body reveal reveal-delay-1 p-0">
                <div class="d-flex align-items-stretch">
                    <div class="flex-shrink-0" style="width:100px; min-height:90px;">
                                                    <img src="CenterImage/75/Malwa institute01.jpg"
                                 alt="Malwa Institute Of Technology And Management"
                                 style="width:100px; height:100%; object-fit:cover; display:block;">
                                            </div>
                    <div class="flex-grow-1 p-3 d-flex flex-column justify-content-between">
                        <div class="d-flex flex-column flex-md-row justify-content-between align-items-start align-items-md-center mb-1">
                            <h5 class="card-title mb-1 mb-md-0">
                                <a href="CenterDetails.php?center=Malwa+Institute+Of+Technology+And+Management"
                                   class="text-decoration-none text-primary fw-semibold">Malwa Institute Of Technology And Management</a>
                            </h5>
                            <div class="mt-1 mt-md-0">
                                                                <p class="text-muted small mb-0">
                                                                            <span style="color:#f5c518; font-size:16px;">★</span>
                                                                            <span style="color:#f5c518; font-size:16px;">★</span>
                                                                            <span style="color:#f5c518; font-size:16px;">★</span>
                                                                            <span style="color:#f5c518; font-size:16px;">☆</span>
                                                                            <span style="color:#f5c518; font-size:16px;">☆</span>
                                                                        <small class="text-muted">(3.1/5)</small>                                </p>
                            </div>
                        </div>
                        <p class="mb-0 text-muted small">
                            📍 Jhansi Rd, Sikroda Badori, Gwalior, PIN-475001<br>
                            🗺️ 15.42 km from this center
                        </p>
                    </div>
                </div>
            </div>
        </div>
    
<div class="alert alert-warning mt-3 mb-0 small text-center" role="alert">
    ⚠️ <strong>Note:</strong> The distance between centers shown above is approximate and may not be fully accurate.
    Please verify using Google Maps or other reliable sources for precise directions.
</div>
<hr class="my-3" />
<div class="location-header reveal mb-4">
<h2 class="section-title mb-0 border-bottom pb-2">
    <i class="bi bi-geo-alt-fill me-2 text-primary"></i>Gwalior City – All Exam Centers on One Map</h2>
</div>
<div id="mapMultiple" style="height: 450px;" class="mb-4 rounded shadow-sm border"></div>
<script>
var mapMultiple = L.map('mapMultiple').setView([26.23880221, 78.30138787], 13);
mapMultiple.scrollWheelZoom.disable();
L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', { attribution: '&copy; OpenStreetMap contributors' }).addTo(mapMultiple);
var mainIcon = L.icon({ iconUrl: 'https://raw.githubusercontent.com/pointhi/leaflet-color-markers/master/img/marker-icon-red.png', iconSize: [25, 41], iconAnchor: [12, 41], popupAnchor: [1, -34] });
L.marker([26.23880221, 78.30138787], {icon: mainIcon}).addTo(mapMultiple).bindPopup("<b>Amar Bhartiya Mahavidyalaya</b><br>Main Center");
var blueIcon = L.icon({ iconUrl: 'https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.9.4/images/marker-icon.png', iconSize: [25, 41], iconAnchor: [12, 41], popupAnchor: [1, -34] });
// SECURITY: json_encode handles all escaping for JS context
var otherCenters = [{"name":"Aryansh College Of Arts And Management","lat":26.243252729999998251741999411024153232574462890625,"lng":78.300478040000001556109054945409297943115234375,"id":78},{"name":"Lakshmi Narain College Of Technology (LNCT)","lat":26.2420720100000011143492884002625942230224609375,"lng":78.3106908299999986411421559751033782958984375,"id":73},{"name":"Bethesda Institute of Technology and Sciences (BITS)","lat":26.244266329999998532684912788681685924530029296875,"lng":78.311160139999998364146449603140354156494140625,"id":77},{"name":"Nagaji Group of Institutions Gwalior","lat":26.16574325999999928171746432781219482421875,"lng":78.191166460000005145047907717525959014892578125,"id":74},{"name":"Malwa Institute Of Technology And Management","lat":26.12116268999999846300852368585765361785888671875,"lng":78.2194785399999972241857904009521007537841796875,"id":75}];
var bounds = [[26.23880221, 78.30138787]];
otherCenters.forEach(function(c) {
    if(c.lat && c.lng) {
        L.marker([c.lat, c.lng], {icon: blueIcon}).addTo(mapMultiple).bindPopup('<b>' + c.name + '</b><br><a href="CenterDetails.php?center=' + encodeURIComponent(c.name) + '">View Details</a>');
        bounds.push([c.lat, c.lng]);
    }
});
if(bounds.length > 1) { mapMultiple.fitBounds(bounds, {padding: [50, 50]}); }
</script>

<hr style="margin-top: 4rem;">
<div class="location-header reveal mb-4">
    <h2 class="section-title mb-0 border-bottom pb-2">
        <i class="bi bi-geo-alt-fill me-2 text-primary"></i>Write and Read, Real User Experiences</h2>
</div>
    <p class="text-muted">No reviews yet for this center. Be the first to write one!</p>

<hr class="my-4">
<h4 class="fw-semibold mb-3 text-primary">Write a Review</h4><hr class="my-3" />

<form action="" method="POST" class="border rounded p-4 shadow-sm bg-light">
    <input type="hidden" name="center_id" value="76">
    <input type="hidden" name="submit_review" value="1">

    <!-- SECURITY: Honeypot field – hidden from real users, bots fill it -->
    <div style="display:none;" aria-hidden="true">
        <input type="text" name="website" tabindex="-1" autocomplete="off">
    </div>

    <div class="row mb-3">
        <div class="col-md-6">
            <label for="username" class="form-label">Your Name *</label>
            <input type="text" class="form-control" id="username" name="username"
                   maxlength="100" required>
        </div>
        <div class="col-md-6">
            <label for="rating" class="form-label">Rating *</label>
            <select class="form-select" id="rating" name="rating" required>
                <option value="">-- Select Rating --</option>
                                    <option value="5">5 Stars</option>
                                    <option value="4">4 Stars</option>
                                    <option value="3">3 Stars</option>
                                    <option value="2">2 Stars</option>
                                    <option value="1">1 Star</option>
                            </select>
        </div>
    </div>
    <div class="mb-3">
        <label class="form-label">Select Review Type (Optional)</label>
        <select class="form-select mb-2" id="reviewTemplate">
           <option value="">-- Select a Topic --</option>
           <option value="The nearby hotel is ">Nearby Hotel</option>
           <option value="The nearest bus stop is ">Nearest Bus Stop</option>
           <option value="The nearest railway station is ">Nearest Railway Station</option>
           <option value="Parking facility at the center is ">Parking Facility</option>
           <option value="The exam hall condition was ">Exam Hall Condition</option>
           <option value="The staff behavior was ">Staff Behaviour</option>
           <option value="The overall exam experience was ">Overall Experience</option>
        </select>
        <label for="comment" class="form-label">Your Review *</label>
        <textarea class="form-control" id="comment" name="comment"
                  rows="4" maxlength="2000" required></textarea>
    </div>
    <div class="mb-3">
        <label class="form-label">Your Social Profile *</label>
        <div class="input-group">
            <select class="form-select" name="platform">
                <option value="instagram">Instagram</option>
                <option value="twitter">Twitter</option>
                <option value="facebook">Facebook</option>
                <option value="linkedin">LinkedIn</option>
                <option value="telegram">Telegram</option>
            </select>
            <input type="text" class="form-control" name="social_username"
                   placeholder="Username or handle (without @)"
                   maxlength="60" pattern="[a-zA-Z0-9._\-]{1,60}" required>
        </div>
    </div>
    <button type="submit" class="btn btn-primary">Submit Review</button>
</form>
        </div>
<script>
const dropdown = document.getElementById('reviewTemplate');
const textarea = document.getElementById('comment');
dropdown.addEventListener('change', function() {
    if (this.value !== "") { textarea.value = this.value; textarea.focus(); }
});
</script>
        <!-- sidebar.php -->
<div class="col-md-3 d-none d-md-block sidebar">
    <div class="bg-light rounded-4 shadow-sm p-4 mb-4">
        <h5 class="text-primary fw-semibold mb-3">
            <i class="bi bi-people-fill me-2"></i> Contribute to the Community
        </h5>
        <p class="text-secondary mb-3 small">
            Know a hotel or place to stay near this exam center? Share it to help thousands of students.
        </p>
        <a href="https://docs.google.com/forms/d/e/1FAIpQLSdGA1MWf0qLClyDmfYlg4wJJkWgAAID0kGtwiLYIzzwjuuCrQ/viewform" class="btn btn-outline-primary btn-sm rounded-pill px-4 fw-medium">
            Add Hotel or Center
        </a>
    </div>
</div>
    </div>
</div>
</div> <!-- close content-container -->

<footer class="footer">
    <div class="container-fluid">
        &copy; 2026 ExamStay. All rights reserved.
        | <a href="/sitemap.xml" target="_blank" style="color: #0d6efd; text-decoration: none;">Sitemap</a>
        <a href="//www.dmca.com/Protection/Status.aspx?ID=2891b660-7cba-4997-9bb3-c2d08063541a" title="DMCA.com Protection Status" class="dmca-badge">
  <img src="https://images.dmca.com/Badges/dmca-badge-w100-5x1-08.png?ID=2891b660-7cba-4997-9bb3-c2d08063541a" alt="DMCA.com Protection Status" />
</a>
<script src="https://images.dmca.com/Badges/DMCABadgeHelper.min.js"></script>

    </div>
</footer>

<!-- Bootstrap 5 JS -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"></script>

<!-- Scroll Animation -->
<script>
    function handleScrollAnimation() {
        document.querySelectorAll('.fade-in-up').forEach(function(el) {
            const top = el.getBoundingClientRect().top;
            const windowHeight = window.innerHeight;
            if (top < windowHeight - 50) {
                el.classList.add('appear');
            }
        });
    }

    window.addEventListener('scroll', handleScrollAnimation);
    window.addEventListener('load', handleScrollAnimation);
</script>

</body>
</html>