ƒ<script type="application/ld+json">{
    "@context": "https://schema.org",
    "@graph": [
        {
            "@type": [
                "EducationalOrganization",
                "LocalBusiness"
            ],
            "name": "Aryansh College Of Arts And Management Examination Center",
            "url": "https://examstay.com/CenterDetails.php?center=Aryansh+College+Of+Arts+And+Management",
            "description": "Official exam center details, address, directions, parking, and reviews for Aryansh College Of Arts And Management.",
            "image": "CenterImage/78/Aryansh College Of Arts And Management.jpg",
            "address": {
                "@type": "PostalAddress",
                "streetAddress": "Chitora Rd,Dhaneli, Badagaon, Gwalior, PIN-474006",
                "addressLocality": "Gwalior",
                "addressRegion": "Madhya Pradesh",
                "addressCountry": "IN"
            },
            "geo": {
                "@type": "GeoCoordinates",
                "latitude": 26.243252729999998251741999411024153232574462890625,
                "longitude": 78.300478040000001556109054945409297943115234375
            },
            "hasMap": "https://maps.app.goo.gl/kQzEq7CUXEdXNNWG8",
            "aggregateRating": {
                "@type": "AggregateRating",
                "ratingValue": "3.4",
                "bestRating": "5",
                "worstRating": "1",
                "ratingCount": "10"
            }
        },
        {
            "@type": "FAQPage",
            "mainEntity": [
                {
                    "@type": "Question",
                    "name": "How to reach Aryansh College Of Arts And Management exam center?",
                    "acceptedAnswer": {
                        "@type": "Answer",
                        "text": "Gwalior Junction (GWL): Gwalior Junction (GWL) is the main railway hub, located approximately 9 to 10 km away. The travel time is usually 25 to 35 minutes."
                    }
                },
                {
                    "@type": "Question",
                    "name": "Are there hotels near Aryansh College Of Arts And Management?",
                    "acceptedAnswer": {
                        "@type": "Answer",
                        "text": "Yes, there are multiple budget and premium hotels available near Aryansh College Of Arts And Management in Gwalior. Check ExamStay for a full list with distances."
                    }
                },
                {
                    "@type": "Question",
                    "name": "Is parking available at Aryansh College Of Arts And Management?",
                    "acceptedAnswer": {
                        "@type": "Answer",
                        "text": "Parking at Aryansh College Of Arts And Management is: Available"
                    }
                },
                {
                    "@type": "Question",
                    "name": "What is the nearest airport to Aryansh College Of Arts And Management?",
                    "acceptedAnswer": {
                        "@type": "Answer",
                        "text": "Rajmata Vijaya Raje Scindia Airport (GWL): Rajmata Vijaya Raje Scindia Airport (GWL) is the primary terminal serving the city, situated approximately 10 to 12 km from the college. Under normal traffic, it takes about 25 to 30 minutes to reach."
                    }
                }
            ]
        },
        {
            "@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": "Aryansh College Of Arts And Management"
                }
            ]
        }
    ]
}</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>Aryansh College Of Arts And Management Exam Center Gwalior – Address, Hotels &amp; How To Reach</title>
    <meta name="description" content="How to reach Aryansh College Of Arts And Management exam center in Gwalior, Madhya Pradesh. Find full address, nearby hotels, bus &amp; railway info, parking details, student reviews, and tourist places near Aryansh College Of Arts And Management.">

    <!-- Keywords: natural mix of what students actually search -->
    <meta name="keywords" content="Aryansh College Of Arts And Management exam center Gwalior, how to reach Aryansh College Of Arts And Management, hotel near Aryansh College Of Arts And Management Gwalior, Aryansh College Of Arts And Management address Gwalior, Aryansh College Of Arts And Management exam center parking, Gwalior exam center hotels, Aryansh College Of Arts And Management photos reviews">

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

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

    <link rel="canonical" href="https://examstay.com/CenterDetails.php?center=Aryansh+College+Of+Arts+And+Management" />

    <!-- 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.24325273;78.30047804">
    <meta name="ICBM"          content="26.24325273, 78.30047804">
    

<!-- 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> Aryansh College Of Arts And Management</h1></div>
<p class="text-muted small mb-2">
            Last Updated: April 23, 2026                • Rating: 3.4    </p>
          <div class="modern-gallery mb-4">
            <div class="gallery-grid">
            <div class="gallery-item main-feature">
                <a href="CenterImage/78/Aryansh College Of Arts And Management.jpg" class="glightbox" data-gallery="center-gallery">
                    <img src="CenterImage/78/Aryansh College Of Arts And Management.jpg"
                         alt="Aryansh College Of Arts And Management 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">Dhaneli</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">Chitora Rd,Dhaneli, Badagaon, 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">Available</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 Aryansh College Of Arts And Management        </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.4</span>
        <span class="rating-star">★</span>
    </div>
    </div>
    <div class="text-secondary lh-lg">
        Aryansh College Of Arts And Management, Gwalior, is an emerging academic institution located in Gram Dhaneli, specifically on the Bada Gaon-Dhaneli Road in the Morar region. For exam candidates, this center is a solid pick as it provides a quiet, rural campus environment that is completely removed from the honking and humidity of Gwalior’s central markets. The college is relatively new but has quickly become a recognizable landmark for local "Magic" tempo drivers and auto-wallahs in the Morar area. Since the campus is located a few kilometers away from the main city traffic, students can enjoy a peaceful atmosphere that is ideal for those final moments of revision before the gates open. However, because it is in a developing suburban zone, it is wise to keep a little extra time for the last leg of the journey.    </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 primary terminal serving the city, situated approximately 10 to 12 km from the college. Under normal traffic, it takes about 25 to 30 minutes to reach.</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, located approximately 9 to 10 km away. The travel time is usually 25 to 35 minutes.</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>Dhaneli Tiraha / Bada Gaon Road Stop: </strong>Look for local city buses or shared &amp;quot;Magic&amp;quot; tempos heading toward Bada Gaon or Dhaneli.</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 the primary services here. Rapido is a lifesaver for solo students, with bike rides from the station costing roughly ₹80–₹110.</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, #fef9c3, #fde68a); border: 1px solid #f59e0b;">
            <div class="score-label" style="color: #f59e0b;">Reachability Score</div>
            <div class="score-value" style="color: #78350f;">6/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>
        Aryansh College Of Arts And Management 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.24325273,78.30047804&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/kQzEq7CUXEdXNNWG8" 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- Aryansh College Of Arts And Management</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- Aryansh College Of Arts And Management.
   </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=Aryansh+College+Of+Arts+And+Management" 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/76/Amar Bhartiya Mahavidyalaya01.jpg"
                                 alt="Amar Bhartiya Mahavidyalaya"
                                 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=Amar+Bhartiya+Mahavidyalaya"
                                   class="text-decoration-none text-primary fw-semibold">Amar Bhartiya Mahavidyalaya</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">
                            📍 Dhaneli, badagaon road, Morar, 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.03 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.07 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.9 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.8 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.24325273, 78.30047804], 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.24325273, 78.30047804], {icon: mainIcon}).addTo(mapMultiple).bindPopup("<b>Aryansh College Of Arts And Management</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":"Amar Bhartiya Mahavidyalaya","lat":26.238802209999999348610799643211066722869873046875,"lng":78.3013878699999992250013747252523899078369140625,"id":76},{"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.24325273, 78.30047804]];
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="78">
    <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>