ƒ<script type="application/ld+json">{
    "@context": "https://schema.org",
    "@graph": [
        {
            "@type": [
                "EducationalOrganization",
                "LocalBusiness"
            ],
            "name": "Sri Aurobindo Institute of Technology (SAIT), Indore Examination Center",
            "url": "https://examstay.com/CenterDetails.php?center=Sri+Aurobindo+Institute+of+Technology+%28SAIT%29%2C+Indore",
            "description": "Official exam center details, address, directions, parking, and reviews for Sri Aurobindo Institute of Technology (SAIT), Indore.",
            "image": "CenterImage/85/Sri Aurobindo Institute of Technology image01.jpg",
            "address": {
                "@type": "PostalAddress",
                "streetAddress": "Indore-Ujjain Highway, near MR-10 crossing, Bhawrasla, Indore, PIN-453555",
                "addressLocality": "Indore",
                "addressRegion": "Madhya Pradesh",
                "addressCountry": "IN"
            },
            "geo": {
                "@type": "GeoCoordinates",
                "latitude": 22.79640622000000149682819028384983539581298828125,
                "longitude": 75.84289178000000219981302507221698760986328125
            },
            "hasMap": "https://maps.app.goo.gl/etWhk6utrLjALJTcA",
            "aggregateRating": {
                "@type": "AggregateRating",
                "ratingValue": "4.0",
                "bestRating": "5",
                "worstRating": "1",
                "ratingCount": "10"
            }
        },
        {
            "@type": "FAQPage",
            "mainEntity": [
                {
                    "@type": "Question",
                    "name": "How to reach Sri Aurobindo Institute of Technology (SAIT), Indore exam center?",
                    "acceptedAnswer": {
                        "@type": "Answer",
                        "text": "Indore Junction (INDB): The primary hub, located 11 km away. Travel time: 30–35 minutes.Laxmibai Nagar (LMNR): A secondary station located about 7 km away. It is much closer but fewer express trains stop here.How to reach: From Indore Junction: Use the Platform No. 1 exit for the auto stand or app-cab pickup. A private auto costs ₹150–₹200. From Laxmibai Nagar: A private auto will cost roughly ₹100–₹130."
                    }
                },
                {
                    "@type": "Question",
                    "name": "Are there hotels near Sri Aurobindo Institute of Technology (SAIT), Indore?",
                    "acceptedAnswer": {
                        "@type": "Answer",
                        "text": "Yes, there are multiple budget and premium hotels available near Sri Aurobindo Institute of Technology (SAIT), Indore in Indore. Check ExamStay for a full list with distances."
                    }
                },
                {
                    "@type": "Question",
                    "name": "Is parking available at Sri Aurobindo Institute of Technology (SAIT), Indore?",
                    "acceptedAnswer": {
                        "@type": "Answer",
                        "text": "Parking at Sri Aurobindo Institute of Technology (SAIT), Indore is: Limited"
                    }
                },
                {
                    "@type": "Question",
                    "name": "What is the nearest airport to Sri Aurobindo Institute of Technology (SAIT), Indore?",
                    "acceptedAnswer": {
                        "@type": "Answer",
                        "text": "Devi Ahilya Bai Holkar International Airport (IDR): Devi Ahilya Bai Holkar International Airport (IDR) is approximately 15 km from the campus. The travel time is typically 30 to 40 minutes via the Super Corridor, which is usually traffic-free.How to reach: App-Based Cabs: Ola and Uber are the most reliable. A ride will cost roughly ₹250–₹350."
                    }
                }
            ]
        },
        {
            "@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": "Indore",
                    "item": "https://examstay.com/city/Indore"
                },
                {
                    "@type": "ListItem",
                    "position": 4,
                    "name": "Sri Aurobindo Institute of Technology (SAIT), Indore"
                }
            ]
        }
    ]
}</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>Sri Aurobindo Institute of Technology (SAIT), Indore Exam Center Indore – Address, Hotels &amp; How To Reach</title>
    <meta name="description" content="How to reach Sri Aurobindo Institute of Technology (SAIT), Indore exam center in Indore, Madhya Pradesh. Find full address, nearby hotels, bus &amp; railway info, parking details, student reviews, and tourist places near Sri Aurobindo Institute of Technology (SAIT), Indore.">

    <!-- Keywords: natural mix of what students actually search -->
    <meta name="keywords" content="Sri Aurobindo Institute of Technology (SAIT), Indore exam center Indore, how to reach Sri Aurobindo Institute of Technology (SAIT), Indore, hotel near Sri Aurobindo Institute of Technology (SAIT), Indore Indore, Sri Aurobindo Institute of Technology (SAIT), Indore address Indore, Sri Aurobindo Institute of Technology (SAIT), Indore exam center parking, Indore exam center hotels, Sri Aurobindo Institute of Technology (SAIT), Indore photos reviews">

    <!-- Open Graph -->
    <meta property="og:title"       content="Sri Aurobindo Institute of Technology (SAIT), Indore Exam Center Indore – Hotels &amp; Travel Guide">
    <meta property="og:description" content="How to reach Sri Aurobindo Institute of Technology (SAIT), Indore exam center in Indore, Madhya Pradesh. Find full address, nearby hotels, bus &amp; railway info, parking details, student reviews, and tourist places near Sri Aurobindo Institute of Technology (SAIT), Indore.">
    <meta property="og:image"       content="https://examstay.com/CenterImage/85/Sri Aurobindo Institute of Technology image01.jpg">
    <meta property="og:url"         content="https://examstay.com/CenterDetails.php?center=Sri+Aurobindo+Institute+of+Technology+%28SAIT%29%2C+Indore">

    <!-- Twitter Card -->
    <meta name="twitter:card"        content="summary_large_image">
    <meta name="twitter:title"       content="Sri Aurobindo Institute of Technology (SAIT), Indore Exam Center Indore">
    <meta name="twitter:description" content="How to reach Sri Aurobindo Institute of Technology (SAIT), Indore exam center in Indore, Madhya Pradesh. Find full address, nearby hotels, bus &amp; railway info, parking details, student reviews, and tourist places near Sri Aurobindo Institute of Technology (SAIT), Indore.">
    <meta name="twitter:image"       content="https://examstay.com/CenterImage/85/Sri Aurobindo Institute of Technology image01.jpg">

    <link rel="canonical" href="https://examstay.com/CenterDetails.php?center=Sri+Aurobindo+Institute+of+Technology+%28SAIT%29%2C+Indore" />

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

<!-- 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> Sri Aurobindo Institute of Technology (SAIT), Indore</h1></div>
<p class="text-muted small mb-2">
            Last Updated: April 23, 2026                • Rating: 4.0    </p>
          <div class="modern-gallery mb-4">
            <div class="gallery-grid">
            <div class="gallery-item main-feature">
                <a href="CenterImage/85/Sri Aurobindo Institute of Technology image01.jpg" class="glightbox" data-gallery="center-gallery">
                    <img src="CenterImage/85/Sri Aurobindo Institute of Technology image01.jpg"
                         alt="Sri Aurobindo Institute of Technology (SAIT), Indore 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/85/Sri Aurobindo Institute of Technology image02.jpg" class="glightbox" data-gallery="center-gallery">
                            <img src="CenterImage/85/Sri Aurobindo Institute of Technology image02.jpg"
                                 alt="Sri Aurobindo Institute of Technology (SAIT), Indore 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/85/Sri Aurobindo Institute of Technology image03.jpg" class="glightbox" data-gallery="center-gallery">
                            <img src="CenterImage/85/Sri Aurobindo Institute of Technology image03.jpg"
                                 alt="Sri Aurobindo Institute of Technology (SAIT), Indore exam center photo 3" loading="lazy">
                                                            <div class="gallery-overlay"><i class="bi bi-plus"></i></div>
                                                    </a>
                                    </div>
            </div>
                    </div>
    </div>
    <hr class="my-3" />
<div class="location-wrapper">
    <div class="location-grid mb-4">
        <div class="detail-box">
            <span class="detail-label">State</span>
            <span class="detail-value">Madhya Pradesh</span>
        </div>
        <div class="detail-box">
            <span class="detail-label">City</span>
            <span class="detail-value">Indore</span>
        </div>
        <div class="detail-box">
            <span class="detail-label">Locality</span>
            <span class="detail-value">Bhawrasla</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">Indore-Ujjain Highway, near MR-10 crossing, Bhawrasla, Indore, PIN-453555</div>
                </div>
            </div>
        </div>
        <div class="col-md-4">
            <div class="parking-box">
                <div class="d-flex justify-content-between align-items-center">
                    <div>
                        <div class="detail-label">Parking Status</div>
                        <div class="detail-value">Limited</div>
                    </div>
                    <div class="fs-2 text-primary opacity-50"><i class="bi bi-p-square"></i></div>
                </div>
            </div>
        </div>
    </div>
<div class="location-header reveal reveal-delay-1 mb-4">
        <h2 class="section-title mb-0 border-bottom pb-2">
            <i class="bi bi-geo-alt-fill me-2 text-primary"></i>How To Reach Sri Aurobindo Institute of Technology (SAIT), Indore        </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">4.0</span>
        <span class="rating-star">★</span>
    </div>
    </div>
    <div class="text-secondary lh-lg">
        Sri Aurobindo Institute of Technology (SAIT), Indore, is a premier engineering college located within the Sri Aurobindo Edupark (SAIMS Campus) on the Indore-Ujjain Highway. For exam candidates, this center is a highly organized and strategic choice. Since it is part of a massive medical and educational hub (SAIMS), the campus is a major landmark that every local driver knows. It is situated near the MR-10 Crossing, which is a key junction connecting the city to the highway. The campus is known for its discipline and high-tech labs, making it a frequent venue for national-level digital exams. Its location on the northern edge of the city allows you to bypass the heavy traffic of the central business district, especially if you are coming from the Vijay Nagar or Ujjain side.    </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>Devi Ahilya Bai Holkar International Airport (IDR): </strong>Devi Ahilya Bai Holkar International Airport (IDR) is approximately 15 km from the campus. The travel time is typically 30 to 40 minutes via the Super Corridor, which is usually traffic-free.</li><li><strong>How to reach: </strong>App-Based Cabs: Ola and Uber are the most reliable. A ride will cost roughly ₹250–₹350.</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>Indore Junction (INDB): </strong>The primary hub, located 11 km away. Travel time: 30–35 minutes.</li><li><strong>Laxmibai Nagar (LMNR): </strong>A secondary station located about 7 km away. It is much closer but fewer express trains stop here.</li><li><strong>How to reach: </strong>From Indore Junction: Use the Platform No. 1 exit for the auto stand or app-cab pickup. A private auto costs ₹150–₹200. From Laxmibai Nagar: A private auto will cost roughly ₹100–₹130.</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>Aurobindo Hospital (SAIMS) Bus Stop: </strong>The Aurobindo Hospital (SAIMS) Bus Stop is located directly at the entrance of the campus. For outstation travelers, the Sarwate Bus Stand is about 11 km away, and the Gangwal Bus Stand is roughly 12 km away.</li><li><strong>Bus Routes:: </strong>Look for City Bus Route 5 or Route 14, which connect the major city squares (like Geeta Bhawan and Manik Bagh) directly to the Aurobindo campus.</li><li><strong>Availability &amp; Fare:: </strong>AICTSL (Indore City Bus) services are extremely frequent (every 10–15 mins). The fare is roughly ₹20–₹35. Any bus heading toward Ujjain or Sanwer from the city will also stop here.</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>Rapido (Bike Taxi):: </strong>A great option for solo students to beat the MR-10 crossing traffic, costing roughly ₹80–₹110 from the station.</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>
        Sri Aurobindo Institute of Technology (SAIT), Indore 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=22.79640622,75.84289178&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/etWhk6utrLjALJTcA" 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- Sri Aurobindo Institute of Technology (SAIT), Indore</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- Sri Aurobindo Institute of Technology (SAIT), Indore.
   </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=Sri+Aurobindo+Institute+of+Technology+%28SAIT%29%2C+Indore" 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 Indore</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:ChIJ19qvp2MdYzkRBWtKCGNNobs" target="_blank">
                    <img src="assets/NearbyTouristPlacesIMG/ChIJ19qvp2MdYzkRBWtKCGNNobs_1767619857.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">ISKCON Radha Govind Temple</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:ChIJ19qvp2MdYzkRBWtKCGNNobs" 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:ChIJOdA1ItoBYzkRn0tyqVi-_5o" target="_blank">
                    <img src="assets/NearbyTouristPlacesIMG/ChIJOdA1ItoBYzkRn0tyqVi-_5o_1767619884.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">Gommatgiri Digambar Jain Mandir</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:ChIJOdA1ItoBYzkRn0tyqVi-_5o" 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:ChIJoSIkPAr9YjkRWIFwYhs6z7g" target="_blank">
                    <img src="assets/NearbyTouristPlacesIMG/ChIJoSIkPAr9YjkRWIFwYhs6z7g_1767620047.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">Rajwada Palace</h6>
                                        <p class="text-muted small mb-2">
                                                    <span style="color:#f5c518; font-size:16px;">★</span>
                                                    <span style="color:#f5c518; font-size:16px;">★</span>
                                                    <span style="color:#f5c518; font-size:16px;">★</span>
                                                    <span style="color:#f5c518; font-size:16px;">★</span>
                                                    <span style="color:#f5c518; font-size:16px;">☆</span>
                                                <small class="text-muted">(4.4/5)</small>                    </p>
                    <a href="https://www.google.com/maps/place/?q=place_id:ChIJoSIkPAr9YjkRWIFwYhs6z7g" 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:ChIJ0-fQgSD9YjkRmHHQwdot73I" target="_blank">
                    <img src="assets/NearbyTouristPlacesIMG/ChIJ0-fQgSD9YjkRmHHQwdot73I_1767620106.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">Kamla Nehru Zoo</h6>
                                        <p class="text-muted small mb-2">
                                                    <span style="color:#f5c518; font-size:16px;">★</span>
                                                    <span style="color:#f5c518; font-size:16px;">★</span>
                                                    <span style="color:#f5c518; font-size:16px;">★</span>
                                                    <span style="color:#f5c518; font-size:16px;">★</span>
                                                    <span style="color:#f5c518; font-size:16px;">☆</span>
                                                <small class="text-muted">(4.3/5)</small>                    </p>
                    <a href="https://www.google.com/maps/place/?q=place_id:ChIJ0-fQgSD9YjkRmHHQwdot73I" 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:ChIJU5qgiaz9YjkRn9jcM47JlqY" target="_blank">
                    <img src="assets/NearbyTouristPlacesIMG/ChIJU5qgiaz9YjkRn9jcM47JlqY_1767620186.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">Lalbagh Garden</h6>
                                        <p class="text-muted small mb-2">
                                                    <span style="color:#f5c518; font-size:16px;">★</span>
                                                    <span style="color:#f5c518; font-size:16px;">★</span>
                                                    <span style="color:#f5c518; font-size:16px;">★</span>
                                                    <span style="color:#f5c518; font-size:16px;">★</span>
                                                    <span style="color:#f5c518; font-size:16px;">☆</span>
                                                <small class="text-muted">(4.3/5)</small>                    </p>
                    <a href="https://www.google.com/maps/place/?q=place_id:ChIJU5qgiaz9YjkRn9jcM47JlqY" 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:ChIJCzGuRhL9YjkRB0S7W2FE9Ss" target="_blank">
                    <img src="assets/NearbyTouristPlacesIMG/ChIJCzGuRhL9YjkRB0S7W2FE9Ss_1767620223.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">Gandhi Hall</h6>
                                        <p class="text-muted small mb-2">
                                                    <span style="color:#f5c518; font-size:16px;">★</span>
                                                    <span style="color:#f5c518; font-size:16px;">★</span>
                                                    <span style="color:#f5c518; font-size:16px;">★</span>
                                                    <span style="color:#f5c518; font-size:16px;">★</span>
                                                    <span style="color:#f5c518; font-size:16px;">☆</span>
                                                <small class="text-muted">(4.2/5)</small>                    </p>
                    <a href="https://www.google.com/maps/place/?q=place_id:ChIJCzGuRhL9YjkRB0S7W2FE9Ss" 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:ChIJ4c3QlAv9YjkRv3a56LyeWTg" target="_blank">
                    <img src="assets/NearbyTouristPlacesIMG/ChIJ4c3QlAv9YjkRv3a56LyeWTg_1767620252.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">Krishna Pura Chhatri, Indore</h6>
                                        <p class="text-muted small mb-2">
                                                    <span style="color:#f5c518; font-size:16px;">★</span>
                                                    <span style="color:#f5c518; font-size:16px;">★</span>
                                                    <span style="color:#f5c518; font-size:16px;">★</span>
                                                    <span style="color:#f5c518; font-size:16px;">★</span>
                                                    <span style="color:#f5c518; font-size:16px;">☆</span>
                                                <small class="text-muted">(4.2/5)</small>                    </p>
                    <a href="https://www.google.com/maps/place/?q=place_id:ChIJ4c3QlAv9YjkRv3a56LyeWTg" 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:ChIJaSDtArn9YjkRPcQGnsTw2qQ" target="_blank">
                    <img src="assets/NearbyTouristPlacesIMG/ChIJaSDtArn9YjkRPcQGnsTw2qQ_1767620312.png"
                         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">Sirpur lake</h6>
                                        <p class="text-muted small mb-2">
                                                    <span style="color:#f5c518; font-size:16px;">★</span>
                                                    <span style="color:#f5c518; font-size:16px;">★</span>
                                                    <span style="color:#f5c518; font-size:16px;">★</span>
                                                    <span style="color:#f5c518; font-size:16px;">★</span>
                                                    <span style="color:#f5c518; font-size:16px;">☆</span>
                                                <small class="text-muted">(4.2/5)</small>                    </p>
                    <a href="https://www.google.com/maps/place/?q=place_id:ChIJaSDtArn9YjkRPcQGnsTw2qQ" 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:ChIJ7bzmyab9YjkRQD2lZRdDYBY" target="_blank">
                    <img src="assets/NearbyTouristPlacesIMG/ChIJ7bzmyab9YjkRQD2lZRdDYBY_1767620522.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">Sheesh 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.2/5)</small>                    </p>
                    <a href="https://www.google.com/maps/place/?q=place_id:ChIJ7bzmyab9YjkRQD2lZRdDYBY" 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:ChIJE9rsw_T8YjkRu8EylMteGJ0" target="_blank">
                    <img src="assets/NearbyTouristPlacesIMG/ChIJE9rsw_T8YjkRu8EylMteGJ0_1767620345.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">Shree Atal Bihari Vajpayee Kshetriya Udyan</h6>
                                        <p class="text-muted small mb-2">
                                                    <span style="color:#f5c518; font-size:16px;">★</span>
                                                    <span style="color:#f5c518; font-size:16px;">★</span>
                                                    <span style="color:#f5c518; font-size:16px;">★</span>
                                                    <span style="color:#f5c518; font-size:16px;">★</span>
                                                    <span style="color:#f5c518; font-size:16px;">☆</span>
                                                <small class="text-muted">(4.2/5)</small>                    </p>
                    <a href="https://www.google.com/maps/place/?q=place_id:ChIJE9rsw_T8YjkRu8EylMteGJ0" 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:ChIJZen7gCP9YjkRPSnCkmO80rs" target="_blank">
                    <img src="assets/NearbyTouristPlacesIMG/ChIJZen7gCP9YjkRPSnCkmO80rs_1767620444.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">Chatrapati Shivaji Maharaj Vatika</h6>
                                        <p class="text-muted small mb-2">
                                                    <span style="color:#f5c518; font-size:16px;">★</span>
                                                    <span style="color:#f5c518; font-size:16px;">★</span>
                                                    <span style="color:#f5c518; font-size:16px;">★</span>
                                                    <span style="color:#f5c518; font-size:16px;">★</span>
                                                    <span style="color:#f5c518; font-size:16px;">☆</span>
                                                <small class="text-muted">(4.2/5)</small>                    </p>
                    <a href="https://www.google.com/maps/place/?q=place_id:ChIJZen7gCP9YjkRPSnCkmO80rs" 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:ChIJvWZJAG_kYjkRnuyVN1I12no" target="_blank">
                    <img src="assets/NearbyTouristPlacesIMG/ChIJvWZJAG_kYjkRnuyVN1I12no_1767620487.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">Indore Crescent Waterpark</h6>
                                        <p class="text-muted small mb-2">
                                                    <span style="color:#f5c518; font-size:16px;">★</span>
                                                    <span style="color:#f5c518; font-size:16px;">★</span>
                                                    <span style="color:#f5c518; font-size:16px;">★</span>
                                                    <span style="color:#f5c518; font-size:16px;">★</span>
                                                    <span style="color:#f5c518; font-size:16px;">☆</span>
                                                <small class="text-muted">(4.2/5)</small>                    </p>
                    <a href="https://www.google.com/maps/place/?q=place_id:ChIJvWZJAG_kYjkRnuyVN1I12no" 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:ChIJz9_VqyH9YjkRLe4Zo6eoMpw" target="_blank">
                    <img src="assets/NearbyTouristPlacesIMG/ChIJz9_VqyH9YjkRLe4Zo6eoMpw_1767620599.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">Central Museum, Indore</h6>
                                        <p class="text-muted small mb-2">
                                                    <span style="color:#f5c518; font-size:16px;">★</span>
                                                    <span style="color:#f5c518; font-size:16px;">★</span>
                                                    <span style="color:#f5c518; font-size:16px;">★</span>
                                                    <span style="color:#f5c518; font-size:16px;">★</span>
                                                    <span style="color:#f5c518; font-size:16px;">☆</span>
                                                <small class="text-muted">(4.0/5)</small>                    </p>
                    <a href="https://www.google.com/maps/place/?q=place_id:ChIJz9_VqyH9YjkRLe4Zo6eoMpw" 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 Indore 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/93/Oriental University center image 01.jpg"
                                 alt="Oriental University"
                                 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+University"
                                   class="text-decoration-none text-primary fw-semibold">Oriental University</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">
                            📍 Gate No.1, Sanwer Road, opp. Reoti Range, Jakhya, Indore, Madhya Pradesh 453555<br>
                            🗺️ 1.78 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/87/K K Vigyan exam cetner image 01.jpg"
                                 alt="K.K.Vigyan &amp; Vyavsaik Adhyayan Mahavidyalaya"
                                 style="width:100px; height:100%; object-fit:cover; display:block;">
                                            </div>
                    <div class="flex-grow-1 p-3 d-flex flex-column justify-content-between">
                        <div class="d-flex flex-column flex-md-row justify-content-between align-items-start align-items-md-center mb-1">
                            <h5 class="card-title mb-1 mb-md-0">
                                <a href="CenterDetails.php?center=K.K.Vigyan+%26+Vyavsaik+Adhyayan+Mahavidyalaya"
                                   class="text-decoration-none text-primary fw-semibold">K.K.Vigyan &amp; Vyavsaik Adhyayan Mahavidyalaya</a>
                            </h5>
                            <div class="mt-1 mt-md-0">
                                                                <p class="text-muted small mb-0">
                                                                            <span style="color:#f5c518; font-size:16px;">★</span>
                                                                            <span style="color:#f5c518; font-size:16px;">★</span>
                                                                            <span style="color:#f5c518; font-size:16px;">★</span>
                                                                            <span style="color:#f5c518; font-size:16px;">☆</span>
                                                                            <span style="color:#f5c518; font-size:16px;">☆</span>
                                                                        <small class="text-muted">(3.8/5)</small>                                </p>
                            </div>
                        </div>
                        <p class="mb-0 text-muted small">
                            📍 Plot No. 37 Opp Hotel Fortune Sector E Scheme No.54, Scheme No 54, Indore, PIN-452010<br>
                            🗺️ 6.19 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/89/Shri RGP Gujarati Professional Institute01.jpg"
                                 alt="Shri RGP Gujarati Professional Institute"
                                 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=Shri+RGP+Gujarati+Professional+Institute"
                                   class="text-decoration-none text-primary fw-semibold">Shri RGP Gujarati Professional Institute</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">
                            📍 AB Rd, near Bombay Hospital, Scheme No 54, Indore, Madhya Pradesh 452010<br>
                            🗺️ 7.37 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/90/Indore International College exam center image 01.jpg"
                                 alt="Indore International College"
                                 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=Indore+International+College"
                                   class="text-decoration-none text-primary fw-semibold">Indore International College</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">
                            📍 Dharampuri bypass, Sanwer Rd, near Kashi Vishwanath Mandir, Industrial Area, Indore, Madhya Pradesh 453551<br>
                            🗺️ 7.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/92/Oxford International College Indore image 01.jpg"
                                 alt="Oxford International College Indore"
                                 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=Oxford+International+College+Indore"
                                   class="text-decoration-none text-primary fw-semibold">Oxford International College Indore</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">
                            📍 Hatod Rd, opposite Pitra Parvat, Gandhi Nagar, Indore, Budhaniya, Madhya Pradesh 453112<br>
                            🗺️ 8.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/91/Malav Kanya Higher Sec School center image 01.jpg"
                                 alt="Malav Kanya Higher Sec School"
                                 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=Malav+Kanya+Higher+Sec+School"
                                   class="text-decoration-none text-primary fw-semibold">Malav Kanya Higher Sec School</a>
                            </h5>
                            <div class="mt-1 mt-md-0">
                                                                <p class="text-muted small mb-0">
                                                                            <span style="color:#f5c518; font-size:16px;">★</span>
                                                                            <span style="color:#f5c518; font-size:16px;">★</span>
                                                                            <span style="color:#f5c518; font-size:16px;">☆</span>
                                                                            <span style="color:#f5c518; font-size:16px;">☆</span>
                                                                            <span style="color:#f5c518; font-size:16px;">☆</span>
                                                                        <small class="text-muted">(2.5/5)</small>                                </p>
                            </div>
                        </div>
                        <p class="mb-0 text-muted small">
                            📍 Near Collectorate, Nai Duniya, Moti Tabela, Indore, Madhya Pradesh 452007<br>
                            🗺️ 9.91 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/86/Shri Vaishnav Polytechnic College 01.jpg"
                                 alt="Shri Vaishnav Polytechnic College"
                                 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=Shri+Vaishnav+Polytechnic+College"
                                   class="text-decoration-none text-primary fw-semibold">Shri Vaishnav Polytechnic College</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">
                            📍 Mhow Naka Cir, beside SBI Bank, MOG Lines, Scheme 71, Indore, PIN-452002<br>
                            🗺️ 9.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/88/Masihi Kanya Vidyalaya .jpg"
                                 alt="Masihi Kanya Vidyalaya"
                                 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=Masihi+Kanya+Vidyalaya"
                                   class="text-decoration-none text-primary fw-semibold">Masihi Kanya Vidyalaya</a>
                            </h5>
                            <div class="mt-1 mt-md-0">
                                                                <p class="text-muted small mb-0">
                                                                            <span style="color:#f5c518; font-size:16px;">★</span>
                                                                            <span style="color:#f5c518; font-size:16px;">★</span>
                                                                            <span style="color:#f5c518; font-size:16px;">☆</span>
                                                                            <span style="color:#f5c518; font-size:16px;">☆</span>
                                                                            <span style="color:#f5c518; font-size:16px;">☆</span>
                                                                        <small class="text-muted">(2.8/5)</small>                                </p>
                            </div>
                        </div>
                        <p class="mb-0 text-muted small">
                            📍 Red Church Colony, Indore, Madhya Pradesh PIN-452001<br>
                            🗺️ 10.45 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/84/unnamedInstitute of Engineering &amp; Science, IPS Academy exam cetner 01.jpg"
                                 alt="Institute of Engineering &amp; Science, IPS Academy"
                                 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=Institute+of+Engineering+%26+Science%2C+IPS+Academy"
                                   class="text-decoration-none text-primary fw-semibold">Institute of Engineering &amp; Science, IPS Academy</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">
                            📍 AB Rd, Rajendra Nagar, Bijalpur, Indore, PIN-452012<br>
                            🗺️ 15.75 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/83/sage university indore exam centerimage 01.jpg"
                                 alt="SAGE University, Indore"
                                 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=SAGE+University%2C+Indore"
                                   class="text-decoration-none text-primary fw-semibold">SAGE University, Indore</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">
                            📍 Kailod Kartal, Indore-Dewas By-Pass, Road, Indore, PIN-452020<br>
                            🗺️ 17.7 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>Indore 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([22.79640622, 75.84289178], 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([22.79640622, 75.84289178], {icon: mainIcon}).addTo(mapMultiple).bindPopup("<b>Sri Aurobindo Institute of Technology (SAIT), Indore</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":"Oriental University","lat":22.805195520000001607741069165058434009552001953125,"lng":75.8574485200000054874180932529270648956298828125,"id":93},{"name":"K.K.Vigyan & Vyavsaik Adhyayan Mahavidyalaya","lat":22.755936909999999073761500767432153224945068359375,"lng":75.8843006999999971640136209316551685333251953125,"id":87},{"name":"Shri RGP Gujarati Professional Institute","lat":22.7547962699999999358624336309731006622314453125,"lng":75.8988753400000035753691918216645717620849609375,"id":89},{"name":"Indore International College","lat":22.86279220000000123036443255841732025146484375,"lng":75.85407526000000189014826901257038116455078125,"id":90},{"name":"Oxford International College Indore","lat":22.757409460000001644175426918081939220428466796875,"lng":75.766911050000004479443305172026157379150390625,"id":92},{"name":"Malav Kanya Higher Sec School","lat":22.7077409099999982799999997951090335845947265625,"lng":75.85258883000000196261680684983730316162109375,"id":91},{"name":"Shri Vaishnav Polytechnic College","lat":22.70719983000000041784005588851869106292724609375,"lng":75.8400611499999968145857565104961395263671875,"id":86},{"name":"Masihi Kanya Vidyalaya","lat":22.71283466999999944846422295086085796356201171875,"lng":75.8894791400000059411468100734055042266845703125,"id":88},{"name":"Institute of Engineering & Science, IPS Academy","lat":22.65593172999999893590938881970942020416259765625,"lng":75.82313410000000430954969488084316253662109375,"id":84},{"name":"SAGE University, Indore","lat":22.63744439999999968904376146383583545684814453125,"lng":75.8524198399999960429340717382729053497314453125,"id":83}];
var bounds = [[22.79640622, 75.84289178]];
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="85">
    <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>