ƒ<script type="application/ld+json">{
    "@context": "https://schema.org",
    "@graph": [
        {
            "@type": [
                "EducationalOrganization",
                "LocalBusiness"
            ],
            "name": "SAGE International School, Danish Kunj Examination Center",
            "url": "https://examstay.com/CenterDetails.php?center=SAGE+International+School%2C+Danish+Kunj",
            "description": "Official exam center details, address, directions, parking, and reviews for SAGE International School, Danish Kunj.",
            "image": "CenterImage/118/SAGE International School bhopal 01.jpg",
            "address": {
                "@type": "PostalAddress",
                "streetAddress": "Near Giridhar Parisar, 80 ft Road, Khasara No. 94, 1, Kolar Rd, Bhopal, Madhya Pradesh 462039",
                "addressLocality": "Bhopal",
                "addressRegion": "Madhya Pradesh",
                "addressCountry": "IN"
            },
            "geo": {
                "@type": "GeoCoordinates",
                "latitude": 23.16374744000000163168806466273963451385498046875,
                "longitude": 77.4310607700000019804065232165157794952392578125
            },
            "hasMap": "https://maps.app.goo.gl/hQfJbgG13bLYbcxX9",
            "aggregateRating": {
                "@type": "AggregateRating",
                "ratingValue": "3.2",
                "bestRating": "5",
                "worstRating": "1",
                "ratingCount": "10"
            }
        },
        {
            "@type": "FAQPage",
            "mainEntity": [
                {
                    "@type": "Question",
                    "name": "How to reach SAGE International School, Danish Kunj exam center?",
                    "acceptedAnswer": {
                        "@type": "Answer",
                        "text": "Rani Kamalapati Railway Station: Rani Kamalapati Railway Station (RKMP) is the most modern and closest major station, just 6 km away.Bhopal Junction (BPL): This is the main central station, located about 11 km from the center.How to reach: If your train stops at Rani Kamalapati (RKMP), deboard there to save time. From the &quot;Platform 1&quot; exit, you can hire a private auto for ₹120–₹180 or a cab for ₹200. From Bhopal Junction, a private auto will cost around ₹250–₹300. Tell the driver: &quot;Danish Kunj, Kolar Road, SAGE School jana hai."
                    }
                },
                {
                    "@type": "Question",
                    "name": "Are there hotels near SAGE International School, Danish Kunj?",
                    "acceptedAnswer": {
                        "@type": "Answer",
                        "text": "Yes, there are multiple budget and premium hotels available near SAGE International School, Danish Kunj in Bhopal. Check ExamStay for a full list with distances."
                    }
                },
                {
                    "@type": "Question",
                    "name": "Is parking available at SAGE International School, Danish Kunj?",
                    "acceptedAnswer": {
                        "@type": "Answer",
                        "text": "Parking at SAGE International School, Danish Kunj is: Available"
                    }
                },
                {
                    "@type": "Question",
                    "name": "What is the nearest airport to SAGE International School, Danish Kunj?",
                    "acceptedAnswer": {
                        "@type": "Answer",
                        "text": "Raja Bhoj International Airport (BHO): This is the only major domestic airport in Bhopal, located approximately 22 km from the school. Travel time is usually 45 to 60 minutes.How to reach: You can easily find Ola, Uber, or Rapido at the airport. A direct cab is the most practical choice and will cost between ₹500 and ₹700. There is also a prepaid taxi counter available at the arrival gate. If you want to use public transport, you’ll first need to take a taxi to the ISBT bus stand and then switch to a city bus heading toward Kolar Road."
                    }
                }
            ]
        },
        {
            "@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": "Bhopal",
                    "item": "https://examstay.com/city/Bhopal"
                },
                {
                    "@type": "ListItem",
                    "position": 4,
                    "name": "SAGE International School, Danish Kunj"
                }
            ]
        }
    ]
}</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>SAGE International School, Danish Kunj Exam Center Bhopal – Address, Hotels &amp; How To Reach</title>
    <meta name="description" content="How to reach SAGE International School, Danish Kunj exam center in Bhopal, Madhya Pradesh. Find full address, nearby hotels, bus &amp; railway info, parking details, student reviews, and tourist places near SAGE International School, Danish Kunj.">

    <!-- Keywords: natural mix of what students actually search -->
    <meta name="keywords" content="SAGE International School, Danish Kunj exam center Bhopal, how to reach SAGE International School, Danish Kunj, hotel near SAGE International School, Danish Kunj Bhopal, SAGE International School, Danish Kunj address Bhopal, SAGE International School, Danish Kunj exam center parking, Bhopal exam center hotels, SAGE International School, Danish Kunj photos reviews">

    <!-- Open Graph -->
    <meta property="og:title"       content="SAGE International School, Danish Kunj Exam Center Bhopal – Hotels &amp; Travel Guide">
    <meta property="og:description" content="How to reach SAGE International School, Danish Kunj exam center in Bhopal, Madhya Pradesh. Find full address, nearby hotels, bus &amp; railway info, parking details, student reviews, and tourist places near SAGE International School, Danish Kunj.">
    <meta property="og:image"       content="https://examstay.com/CenterImage/118/SAGE International School bhopal 01.jpg">
    <meta property="og:url"         content="https://examstay.com/CenterDetails.php?center=SAGE+International+School%2C+Danish+Kunj">

    <!-- Twitter Card -->
    <meta name="twitter:card"        content="summary_large_image">
    <meta name="twitter:title"       content="SAGE International School, Danish Kunj Exam Center Bhopal">
    <meta name="twitter:description" content="How to reach SAGE International School, Danish Kunj exam center in Bhopal, Madhya Pradesh. Find full address, nearby hotels, bus &amp; railway info, parking details, student reviews, and tourist places near SAGE International School, Danish Kunj.">
    <meta name="twitter:image"       content="https://examstay.com/CenterImage/118/SAGE International School bhopal 01.jpg">

    <link rel="canonical" href="https://examstay.com/CenterDetails.php?center=SAGE+International+School%2C+Danish+Kunj" />

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

<!-- 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> SAGE International School, Danish Kunj</h1></div>
<p class="text-muted small mb-2">
            Last Updated: April 26, 2026                • Rating: 3.2    </p>
          <div class="modern-gallery mb-4">
            <div class="gallery-grid">
            <div class="gallery-item main-feature">
                <a href="CenterImage/118/SAGE International School bhopal 01.jpg" class="glightbox" data-gallery="center-gallery">
                    <img src="CenterImage/118/SAGE International School bhopal 01.jpg"
                         alt="SAGE International School, Danish Kunj 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">
                                            <a href="CenterImage/118/SAGE International School bhopal 02.jpg" class="glightbox" data-gallery="center-gallery">
                            <img src="CenterImage/118/SAGE International School bhopal 02.jpg"
                                 alt="SAGE International School, Danish Kunj exam center photo 2" loading="lazy">
                            <div class="gallery-overlay"><i class="bi bi-plus"></i></div>
                        </a>
                                    </div>
                <div class="gallery-item sub-feature">
                                            <a href="CenterImage/118/SAGE International School bhopal 03.jpg" class="glightbox" data-gallery="center-gallery">
                            <img src="CenterImage/118/SAGE International School bhopal 03.jpg"
                                 alt="SAGE International School, Danish Kunj exam center photo 3" loading="lazy">
                                                            <div class="more-photos-overlay">
                                    <span>+2 More</span>
                                </div>
                                                    </a>
                                    </div>
            </div>
                            <div class="d-none">
                                            <a href="CenterImage/118/SAGE International School bhopal 04.jpg" class="glightbox" data-gallery="center-gallery"></a>
                                            <a href="CenterImage/118/SAGE International School bhopal 05.jpg" class="glightbox" data-gallery="center-gallery"></a>
                                    </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">Bhopal</span>
        </div>
        <div class="detail-box">
            <span class="detail-label">Locality</span>
            <span class="detail-value">Bhopal</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">Near Giridhar Parisar, 80 ft Road, Khasara No. 94, 1, Kolar Rd, Bhopal, Madhya Pradesh 462039</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 SAGE International School, Danish Kunj        </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.2</span>
        <span class="rating-star">★</span>
    </div>
    </div>
    <div class="text-secondary lh-lg">
        SAGE International School (SIS), Danish Kunj is a prominent exam venue located in the Kolar Road suburb of Bhopal. Since it is situated in a well-developed residential area, candidates will find it relatively easy to navigate compared to the crowded old city zones. The school is specifically located on the 80 Feet Road near Giridhar Parisar, a landmark every local auto driver knows. While Kolar Road is a major artery of the city, it can get busy during peak hours, so it’s wise to plan your travel with a bit of a buffer. The campus itself is spacious and easy to spot, providing a smooth start to your exam day without the stress of getting lost in narrow lanes.    </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>Raja Bhoj International Airport (BHO): </strong>This is the only major domestic airport in Bhopal, located approximately 22 km from the school. Travel time is usually 45 to 60 minutes.</li><li><strong>How to reach: </strong>You can easily find Ola, Uber, or Rapido at the airport. A direct cab is the most practical choice and will cost between ₹500 and ₹700. There is also a prepaid taxi counter available at the arrival gate. If you want to use public transport, you’ll first need to take a taxi to the ISBT bus stand and then switch to a city bus heading toward Kolar Road.</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>Rani Kamalapati Railway Station: </strong>Rani Kamalapati Railway Station (RKMP) is the most modern and closest major station, just 6 km away.</li><li><strong>Bhopal Junction (BPL): </strong>This is the main central station, located about 11 km from the center.</li><li><strong>How to reach: </strong>If your train stops at Rani Kamalapati (RKMP), deboard there to save time. From the &quot;Platform 1&quot; exit, you can hire a private auto for ₹120–₹180 or a cab for ₹200. From Bhopal Junction, a private auto will cost around ₹250–₹300. Tell the driver: &quot;Danish Kunj, Kolar Road, SAGE School jana hai.</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>Main Bus Stand: </strong>Kushabhau Thakre ISBT (Inter-State Bus Terminal) is the city&#039;s primary bus hub, located about 11 km away. Nadra Bus Stand (near the old station) is another major stop, roughly 14 km away.</li><li><strong>Nearest Bus Stop: </strong>Danish Kunj Bus Stop or Giridhar Parisar Stop is just a 2-minute walk from the school gate.</li><li><strong>Bus Routes: </strong>Bhopal&#039;s city bus service (BCLL) is very efficient. You can board bus numbers SR-1 or TR-4 from ISBT or MP Nagar, as these routes directly serve Kolar Road. Local shared autos also run frequently from the Kolar Tiraha to Danish Kunj for a fare of ₹20–₹30.</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>All major apps work perfectly in this city. If you&#039;re traveling light and want to skip traffic, Rapido is your fastest bet.</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>
        SAGE International School, Danish Kunj 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=23.16374744,77.43106077&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/hQfJbgG13bLYbcxX9" 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- SAGE International School, Danish Kunj</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- SAGE International School, Danish Kunj.
   </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=SAGE+International+School%2C+Danish+Kunj" 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 Bhopal</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:ChIJPzqiWrFCfDkRZDu82g2hVsI" target="_blank">
                    <img src="assets/NearbyTouristPlacesIMG/ChIJPzqiWrFCfDkRZDu82g2hVsI_1760937778.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">Madhya Pradesh Tribal 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.7/5)</small>                    </p>
                    <a href="https://www.google.com/maps/place/?q=place_id:ChIJPzqiWrFCfDkRZDu82g2hVsI" 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:ChIJa6-DfRpofDkRKdYeYMk62n0" target="_blank">
                    <img src="assets/NearbyTouristPlacesIMG/ChIJa6-DfRpofDkRKdYeYMk62n0_1760937967.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">Darul-Uloom Taj-ul Masajid</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:ChIJa6-DfRpofDkRKdYeYMk62n0" 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:ChIJSUi6kAhDfDkRzwngGYC1Hk8" target="_blank">
                    <img src="assets/NearbyTouristPlacesIMG/ChIJSUi6kAhDfDkRzwngGYC1Hk8_1760937830.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">Lake View, Bhopal</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:ChIJSUi6kAhDfDkRzwngGYC1Hk8" 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:ChIJ_ZigCcVnfDkRUCtffnSwlg4" target="_blank">
                    <img src="assets/NearbyTouristPlacesIMG/ChIJ_ZigCcVnfDkRUCtffnSwlg4_1760938501.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">Tekri - Bhopal View Point</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:ChIJ_ZigCcVnfDkRUCtffnSwlg4" 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:ChIJ6wVxiaZCfDkR4u5Khrl_XXk" target="_blank">
                    <img src="assets/NearbyTouristPlacesIMG/ChIJ6wVxiaZCfDkR4u5Khrl_XXk_1760938734.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">Bharat Bhavan Bhopal</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:ChIJ6wVxiaZCfDkR4u5Khrl_XXk" 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:ChIJGWs4YRxofDkReIkwNzTEBqc" target="_blank">
                    <img src="assets/NearbyTouristPlacesIMG/ChIJGWs4YRxofDkReIkwNzTEBqc_1760939013.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">Raja Bhoj Statue</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:ChIJGWs4YRxofDkReIkwNzTEBqc" 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:ChIJO11fI5FCfDkROPp3dfBDMFQ" target="_blank">
                    <img src="assets/NearbyTouristPlacesIMG/ChIJO11fI5FCfDkROPp3dfBDMFQ_1760939370.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">Birla 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:ChIJO11fI5FCfDkROPp3dfBDMFQ" 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:ChIJtSK3hEhdfDkRpi3Rv_zqXwo" target="_blank">
                    <img src="assets/NearbyTouristPlacesIMG/ChIJtSK3hEhdfDkRpi3Rv_zqXwo_1760939691.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">Van Vihar National Park Bhopal</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:ChIJtSK3hEhdfDkRpi3Rv_zqXwo" 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:ChIJ_xic5_1ofDkRPjFtJCdd5DI" target="_blank">
                    <img src="assets/NearbyTouristPlacesIMG/ChIJ_xic5_1ofDkRPjFtJCdd5DI_1760939914.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">People’s Mall Taj 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:ChIJ_xic5_1ofDkRPjFtJCdd5DI" 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:ChIJLwbbVh5ofDkRfDg4pZMU8l8" target="_blank">
                    <img src="assets/NearbyTouristPlacesIMG/ChIJLwbbVh5ofDkRfDg4pZMU8l8_1760939834.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">Gauhar 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:ChIJLwbbVh5ofDkRfDg4pZMU8l8" 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:ChIJMa3lhi1dfDkRLhxzRSnrpQI" target="_blank">
                    <img src="assets/NearbyTouristPlacesIMG/ChIJMa3lhi1dfDkRLhxzRSnrpQI_1760940405.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">Sair Sapata, Bhopal</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:ChIJMa3lhi1dfDkRLhxzRSnrpQI" 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:ChIJCe5ZU-tGfDkRUugMao1tRbQ" target="_blank">
                    <img src="assets/NearbyTouristPlacesIMG/ChIJCe5ZU-tGfDkRUugMao1tRbQ_1760940466.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">Kanha Fun City</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:ChIJCe5ZU-tGfDkRUugMao1tRbQ" 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:ChIJqdWwjaBCfDkR5EXvcGwmSf0" target="_blank">
                    <img src="assets/NearbyTouristPlacesIMG/ChIJqdWwjaBCfDkR5EXvcGwmSf0_1760940614.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">Rani Kamlapati 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.1/5)</small>                    </p>
                    <a href="https://www.google.com/maps/place/?q=place_id:ChIJqdWwjaBCfDkR5EXvcGwmSf0" 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 Bhopal 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/64/KNP Group of institute01.jpg"
                                 alt="KNP Group of Institutions, Bhopal"
                                 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=KNP+Group+of+Institutions%2C+Bhopal"
                                   class="text-decoration-none text-primary fw-semibold">KNP Group of Institutions, Bhopal</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">
                            📍 NH-12, Hoshangabad Road, Misrod, Bhopal PIN-462047<br>
                            🗺️ 4.92 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/71/SAGE university bhopal01.jpg"
                                 alt="Sanjeev Agrawal Global Educational (SAGE) University Bhopal"
                                 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=Sanjeev+Agrawal+Global+Educational+%28SAGE%29+University+Bhopal"
                                   class="text-decoration-none text-primary fw-semibold">Sanjeev Agrawal Global Educational (SAGE) University Bhopal</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">(4.3/5)</small>                                </p>
                            </div>
                        </div>
                        <p class="mb-0 text-muted small">
                            📍 Sahara Bypass Road, Katara Hills, Extension, Bhopal, PIN-462022<br>
                            🗺️ 8.71 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/15/Radharaman Institute Of Technology And Science01.jpg"
                                 alt="Radharaman Institute Of Technology And Science"
                                 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=Radharaman+Institute+Of+Technology+And+Science"
                                   class="text-decoration-none text-primary fw-semibold">Radharaman Institute Of Technology And Science</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.2/5)</small>                                </p>
                            </div>
                        </div>
                        <p class="mb-0 text-muted small">
                            📍 Bhadbhada Road, Village Ratibad (outskirts of Bhopal), Madhya Pradesh – 462046<br>
                            🗺️ 10.21 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/68/Millennium Institute of Technology And Science01.jpg"
                                 alt="Millennium Institute of Technology And Science"
                                 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=Millennium+Institute+of+Technology+And+Science"
                                   class="text-decoration-none text-primary fw-semibold">Millennium Institute of Technology And Science</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.7/5)</small>                                </p>
                            </div>
                        </div>
                        <p class="mb-0 text-muted small">
                            📍 Nathu Barkhera Road NEAR NEELBAD CHOURAHA, Bhopal, PIN-462044<br>
                            🗺️ 10.51 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/16/IESCollegemainGAte01.jpg"
                                 alt="Ies College Of Technology Bhopal"
                                 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=Ies+College+Of+Technology+Bhopal"
                                   class="text-decoration-none text-primary fw-semibold">Ies College Of Technology Bhopal</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.6/5)</small>                                </p>
                            </div>
                        </div>
                        <p class="mb-0 text-muted small">
                            📍 Kalkheda Ratibad Main Road Bhopal PIN- 462044<br>
                            🗺️ 10.84 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/66/Laxmipati Institute Of Science and technology01.jpg"
                                 alt="Laxmipati Institute Of Science and technology"
                                 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=Laxmipati+Institute+Of+Science+and+technology"
                                   class="text-decoration-none text-primary fw-semibold">Laxmipati Institute Of Science and technology</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">
                            📍 Amjhora Road, Raisen Road, opp. New SOS, Khajurikala, Bhopal, PIN-462022<br>
                            🗺️ 11.62 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/60/Vidhyapeeth Institute of Science &amp; Technology01.jpg"
                                 alt="Vidhyapeeth Institute of Science &amp; Technology"
                                 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=Vidhyapeeth+Institute+of+Science+%26+Technology"
                                   class="text-decoration-none text-primary fw-semibold">Vidhyapeeth Institute of Science &amp; Technology</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.2/5)</small>                                </p>
                            </div>
                        </div>
                        <p class="mb-0 text-muted small">
                            📍 Sahara By Pass, Raisen Road, near New SOS Balgram PIN-462022<br>
                            🗺️ 11.71 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/59/Oriental Institute of Science and Technology, Bhopal01.jpg"
                                 alt="Oriental Institute of Science and Technology, Bhopal"
                                 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=Oriental+Institute+of+Science+and+Technology%2C+Bhopal"
                                   class="text-decoration-none text-primary fw-semibold">Oriental Institute of Science and Technology, Bhopal</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">
                            📍 Raisen Rd, opp. Patel Nagar, Patel Nagar, Bhopal PIN- 462022<br>
                            🗺️ 12 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/28/vaishnavi institute01.jpg"
                                 alt="Vaishnavi Institute of Technology and Science"
                                 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=Vaishnavi+Institute+of+Technology+and+Science"
                                   class="text-decoration-none text-primary fw-semibold">Vaishnavi Institute of Technology and Science</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.8/5)</small>                                </p>
                            </div>
                        </div>
                        <p class="mb-0 text-muted small">
                            📍 Bhojpur road,Bangrasia Main Chouraha,bhopal, madhya pradesh 464551<br>
                            🗺️ 12.02 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/63/Prestige Institute of Management and Research, Bhopal01.jpg"
                                 alt="Prestige Institute of Management and Research, Bhopal"
                                 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=Prestige+Institute+of+Management+and+Research%2C+Bhopal"
                                   class="text-decoration-none text-primary fw-semibold">Prestige Institute of Management and Research, Bhopal</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">
                            📍 Kokta Bypass Rd, Near Hindustan Petrol Pump, Patel Nagar, Bhopal PIN-462028<br>
                            🗺️ 13.18 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/65/ Lakshmi Narain College of Technology Excellence01.jpg"
                                 alt="Lakshmi Narain College of Technology Excellence (LNCTE)"
                                 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+Excellence+%28LNCTE%29"
                                   class="text-decoration-none text-primary fw-semibold">Lakshmi Narain College of Technology Excellence (LNCTE)</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">(4.0/5)</small>                                </p>
                            </div>
                        </div>
                        <p class="mb-0 text-muted small">
                            📍 Khajuri Khurd, Raisen Rd, PO, Anandnagar, Bhopal PIN-462022<br>
                            🗺️ 13.47 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/72/sagar institute bhopa02.jpg"
                                 alt="Sagar Institute of Research &amp; Technology (SIRT)"
                                 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=Sagar+Institute+of+Research+%26+Technology+%28SIRT%29"
                                   class="text-decoration-none text-primary fw-semibold">Sagar Institute of Research &amp; Technology (SIRT)</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">(4.1/5)</small>                                </p>
                            </div>
                        </div>
                        <p class="mb-0 text-muted small">
                            📍 Ayodhya Bypass Rd, Opposite, K-Sector, Minal Residency, Bhopal, PIN-462041<br>
                            🗺️ 13.48 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/62/SAM College of Engineering &amp; Technology01.jpg"
                                 alt="SAM College of Engineering and Technology"
                                 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=SAM+College+of+Engineering+and+Technology"
                                   class="text-decoration-none text-primary fw-semibold">SAM College of Engineering and Technology</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.3/5)</small>                                </p>
                            </div>
                        </div>
                        <p class="mb-0 text-muted small">
                            📍 Kolua, Gram Adampur, Chhawni Raisen Road Bhopal PIN-462021<br>
                            🗺️ 13.96 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/67/Madan Maharaj College01.jpg"
                                 alt="Madan Maharaj College, Bhopal"
                                 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=Madan+Maharaj+College%2C+Bhopal"
                                   class="text-decoration-none text-primary fw-semibold">Madan Maharaj College, Bhopal</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.6/5)</small>                                </p>
                            </div>
                        </div>
                        <p class="mb-0 text-muted small">
                            📍 Behind Galla Mandi, Shiv Nagar Colony, Bhanpur, Bhopal,PIN-462001<br>
                            🗺️ 14.28 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/69/Mittal Institute of Pharmacy01.jpg"
                                 alt="Mittal Institute of Technology, Bhopal"
                                 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=Mittal+Institute+of+Technology%2C+Bhopal"
                                   class="text-decoration-none text-primary fw-semibold">Mittal Institute of Technology, Bhopal</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.9/5)</small>                                </p>
                            </div>
                        </div>
                        <p class="mb-0 text-muted small">
                            📍 opposite to Bhopal Memorial Hospital &amp; Research Centre, BMHRC), Navibagh, Karond, Bhopal, PIN-462038<br>
                            🗺️ 16.44 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/61/Jai Narain College of Technology (JNCT), Bhopal01.jpg"
                                 alt="Jai Naranyan College of Technology (JNCT)"
                                 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=Jai+Naranyan+College+of+Technology+%28JNCT%29"
                                   class="text-decoration-none text-primary fw-semibold">Jai Naranyan College of Technology (JNCT)</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.2/5)</small>                                </p>
                            </div>
                        </div>
                        <p class="mb-0 text-muted small">
                            📍 Chouksey Nagar, Berasia Rd, Lambakheda PIN-462038<br>
                            🗺️ 17.42 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/70/Surabhi College of Engineering &amp; Technology.jpg"
                                 alt="Surabhi College of Engineering &amp; Technology"
                                 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=Surabhi+College+of+Engineering+%26+Technology"
                                   class="text-decoration-none text-primary fw-semibold">Surabhi College of Engineering &amp; Technology</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">
                            📍 sukhi Sewaniya, Sanchi Road, Bhopal PIN-462010<br>
                            🗺️ 22.18 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>Bhopal 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([23.16374744, 77.43106077], 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([23.16374744, 77.43106077], {icon: mainIcon}).addTo(mapMultiple).bindPopup("<b>SAGE International School, Danish Kunj</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":"KNP Group of Institutions, Bhopal","lat":23.16183323999999998932253220118582248687744140625,"lng":77.47917888000000630199792794883251190185546875,"id":64},{"name":"Sanjeev Agrawal Global Educational (SAGE) University Bhopal","lat":23.18931526000000076237483881413936614990234375,"lng":77.5115825900000032788739190436899662017822265625,"id":71},{"name":"Radharaman Institute Of Technology And Science","lat":23.16173558999999926300006336532533168792724609375,"lng":77.331253959999997960039763711392879486083984375,"id":15},{"name":"Millennium Institute of Technology And Science","lat":23.2032291000000014946635928936302661895751953125,"lng":77.337661789999998518396751023828983306884765625,"id":68},{"name":"Ies College Of Technology Bhopal","lat":23.18462038999999919042238616384565830230712890625,"lng":77.327501299999994444078765809535980224609375,"id":16},{"name":"Laxmipati Institute Of Science and technology","lat":23.227199769999998579805833287537097930908203125,"lng":77.521384979999993447563610970973968505859375,"id":66},{"name":"Vidhyapeeth Institute of Science & Technology","lat":23.2301256599999987884075380861759185791015625,"lng":77.5199598100000031308809411711990833282470703125,"id":60},{"name":"Oriental Institute of Science and Technology, Bhopal","lat":23.248568320000000397840267396531999111175537109375,"lng":77.5036988899999954583108774386346340179443359375,"id":59},{"name":"Vaishnavi Institute of Technology and Science","lat":23.12660650000000117643139674328267574310302734375,"lng":77.5415035099999983003726811148226261138916015625,"id":28},{"name":"Prestige Institute of Management and Research, Bhopal","lat":23.2570143800000010969597497023642063140869140625,"lng":77.510726710000000139189069159328937530517578125,"id":63},{"name":"Lakshmi Narain College of Technology Excellence (LNCTE)","lat":23.250780559999999042020135675556957721710205078125,"lng":77.522725129999997761842678301036357879638671875,"id":65},{"name":"Sagar Institute of Research & Technology (SIRT)","lat":23.28275660999999985278918757103383541107177734375,"lng":77.4560700800000034860204323194921016693115234375,"id":72},{"name":"SAM College of Engineering and Technology","lat":23.252559330000000414884198107756674289703369140625,"lng":77.5275449699999938957262202166020870208740234375,"id":62},{"name":"Madan Maharaj College, Bhopal","lat":23.29120218999999991638105711899697780609130859375,"lng":77.413884069999994608224369585514068603515625,"id":67},{"name":"Mittal Institute of Technology, Bhopal","lat":23.31095819000000091136826085858047008514404296875,"lng":77.416379809999995131875039078295230865478515625,"id":69},{"name":"Jai Naranyan College of Technology (JNCT)","lat":23.319544560000000643640305497683584690093994140625,"lng":77.4131436299999933225990389473736286163330078125,"id":61},{"name":"Surabhi College of Engineering & Technology","lat":23.35441116999999877634763834066689014434814453125,"lng":77.4950211999999964973540045320987701416015625,"id":70}];
var bounds = [[23.16374744, 77.43106077]];
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="118">
    <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>