ƒ<script type="application/ld+json">{
    "@context": "https://schema.org",
    "@graph": [
        {
            "@type": [
                "EducationalOrganization",
                "LocalBusiness"
            ],
            "name": "Columbia Institute of Engineering and Technology Examination Center",
            "url": "https://examstay.com/CenterDetails.php?center=Columbia+Institute+of+Engineering+and+Technology",
            "description": "Official exam center details, address, directions, parking, and reviews for Columbia Institute of Engineering and Technology.",
            "image": "CenterImage/81/Columbia Institute of Engineering and Technology exam center image01.jpg",
            "address": {
                "@type": "PostalAddress",
                "streetAddress": "Near Vidhan Sabha Rd, Tekari-2, Bhurkoni, PIN-493111",
                "addressLocality": "Raipur",
                "addressRegion": "Chhattisgarh",
                "addressCountry": "IN"
            },
            "geo": {
                "@type": "GeoCoordinates",
                "latitude": 21.3158589399999982560984790325164794921875,
                "longitude": 81.7068123300000053177427616901695728302001953125
            },
            "hasMap": "https://maps.app.goo.gl/dquQJqp7vNGhwgWJA",
            "aggregateRating": {
                "@type": "AggregateRating",
                "ratingValue": "3.7",
                "bestRating": "5",
                "worstRating": "1",
                "ratingCount": "10"
            }
        },
        {
            "@type": "FAQPage",
            "mainEntity": [
                {
                    "@type": "Question",
                    "name": "How to reach Columbia Institute of Engineering and Technology exam center?",
                    "acceptedAnswer": {
                        "@type": "Answer",
                        "text": "Raipur Junction (R): Raipur Railway Station is the major railway hub, located approximately 17.7 km from the institute. The travel time is usually around 35 to 45 minutes.How to reach: From Raipur Junction (Platform No. 1 side), you can easily find a stand for auto-rickshaws. A private auto-rickshaw to the Columbia campus will cost roughly ₹250 to ₹350. For a cheaper alternative, walk to the nearby city bus stop and take a bus heading toward the Vidhan Sabha area."
                    }
                },
                {
                    "@type": "Question",
                    "name": "Are there hotels near Columbia Institute of Engineering and Technology?",
                    "acceptedAnswer": {
                        "@type": "Answer",
                        "text": "Yes, there are multiple budget and premium hotels available near Columbia Institute of Engineering and Technology in Raipur. Check ExamStay for a full list with distances."
                    }
                },
                {
                    "@type": "Question",
                    "name": "Is parking available at Columbia Institute of Engineering and Technology?",
                    "acceptedAnswer": {
                        "@type": "Answer",
                        "text": "Parking at Columbia Institute of Engineering and Technology is: Available"
                    }
                },
                {
                    "@type": "Question",
                    "name": "What is the nearest airport to Columbia Institute of Engineering and Technology?",
                    "acceptedAnswer": {
                        "@type": "Answer",
                        "text": "Swami Vivekananda Airport (RPR): Swami Vivekananda Airport (RPR) is the primary terminal, located approximately 22.5 km from the institute. Depending on traffic, the commute typically takes about 45 to 55 minutes.How to reach: The most convenient way to reach the campus from the airport is by booking an Ola or Uber. Alternatively, you can use the Prepaid Taxi Counter at the arrival hall. Since the institute is on the opposite side of the city from the airport, a direct cab is highly recommended to ensure a timely arrival. For a budget-friendly route, take a taxi to the New Bus Stand (Pandri) and then catch a local city bus toward Vidhan Sabha/Mandhar."
                    }
                }
            ]
        },
        {
            "@type": "BreadcrumbList",
            "itemListElement": [
                {
                    "@type": "ListItem",
                    "position": 1,
                    "name": "Home",
                    "item": "https://examstay.com/"
                },
                {
                    "@type": "ListItem",
                    "position": 2,
                    "name": "Chhattisgarh",
                    "item": "https://examstay.com/state/Chhattisgarh"
                },
                {
                    "@type": "ListItem",
                    "position": 3,
                    "name": "Raipur",
                    "item": "https://examstay.com/city/Raipur"
                },
                {
                    "@type": "ListItem",
                    "position": 4,
                    "name": "Columbia Institute of Engineering and Technology"
                }
            ]
        }
    ]
}</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>Columbia Institute of Engineering and Technology Exam Center Raipur – Address, Hotels &amp; How To Reach</title>
    <meta name="description" content="How to reach Columbia Institute of Engineering and Technology exam center in Raipur, Chhattisgarh. Find full address, nearby hotels, bus &amp; railway info, parking details, student reviews, and tourist places near Columbia Institute of Engineering and Technology.">

    <!-- Keywords: natural mix of what students actually search -->
    <meta name="keywords" content="Columbia Institute of Engineering and Technology exam center Raipur, how to reach Columbia Institute of Engineering and Technology, hotel near Columbia Institute of Engineering and Technology Raipur, Columbia Institute of Engineering and Technology address Raipur, Columbia Institute of Engineering and Technology exam center parking, Raipur exam center hotels, Columbia Institute of Engineering and Technology photos reviews">

    <!-- Open Graph -->
    <meta property="og:title"       content="Columbia Institute of Engineering and Technology Exam Center Raipur – Hotels &amp; Travel Guide">
    <meta property="og:description" content="How to reach Columbia Institute of Engineering and Technology exam center in Raipur, Chhattisgarh. Find full address, nearby hotels, bus &amp; railway info, parking details, student reviews, and tourist places near Columbia Institute of Engineering and Technology.">
    <meta property="og:image"       content="https://examstay.com/CenterImage/81/Columbia Institute of Engineering and Technology exam center image01.jpg">
    <meta property="og:url"         content="https://examstay.com/CenterDetails.php?center=Columbia+Institute+of+Engineering+and+Technology">

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

    <link rel="canonical" href="https://examstay.com/CenterDetails.php?center=Columbia+Institute+of+Engineering+and+Technology" />

    <!-- Geo tags for local SEO -->
        <meta name="geo.region"    content="IN-Chhattisgarh">
    <meta name="geo.placename" content="Raipur">
    <meta name="geo.position"  content="21.31585894;81.70681233">
    <meta name="ICBM"          content="21.31585894, 81.70681233">
    

<!-- 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> Columbia Institute of Engineering and Technology</h1></div>
<p class="text-muted small mb-2">
            Last Updated: April 23, 2026                • Rating: 3.7    </p>
          <div class="modern-gallery mb-4">
            <div class="gallery-grid">
            <div class="gallery-item main-feature">
                <a href="CenterImage/81/Columbia Institute of Engineering and Technology exam center image01.jpg" class="glightbox" data-gallery="center-gallery">
                    <img src="CenterImage/81/Columbia Institute of Engineering and Technology exam center image01.jpg"
                         alt="Columbia Institute of Engineering and Technology 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/81/Columbia Institute of Engineering and Technology exam center image02.jpg" class="glightbox" data-gallery="center-gallery">
                            <img src="CenterImage/81/Columbia Institute of Engineering and Technology exam center image02.jpg"
                                 alt="Columbia Institute of Engineering and Technology 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/81/Columbia Institute of Engineering and Technology exam center image03.jpg" class="glightbox" data-gallery="center-gallery">
                            <img src="CenterImage/81/Columbia Institute of Engineering and Technology exam center image03.jpg"
                                 alt="Columbia Institute of Engineering and Technology 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">Chhattisgarh</span>
        </div>
        <div class="detail-box">
            <span class="detail-label">City</span>
            <span class="detail-value">Raipur</span>
        </div>
        <div class="detail-box">
            <span class="detail-label">Locality</span>
            <span class="detail-value">Bhurkoni</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 Vidhan Sabha Rd, Tekari-2, Bhurkoni, PIN-493111</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 Columbia Institute of Engineering and Technology        </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.7</span>
        <span class="rating-star">★</span>
    </div>
    </div>
    <div class="text-secondary lh-lg">
        Columbia Institute of Engineering and Technology, Raipur, is a prominent educational center situated in Tekari, near the Chhattisgarh Vidhan Sabha on the main Mandhar Road. For exam candidates, this center is an ideal choice because it offers a modern, high-tech environment specifically designed for large-scale academic events. The campus is a well-known landmark in the eastern outskirts of Raipur, which helps in avoiding the heavy congestion of the city’s central commercial zones like Pandri or Jaistambh Chowk. Its location near the legislative hub of the state ensures that the surrounding roads are wide, well-maintained, and safe, providing a calm and professional atmosphere for students to focus before their exam begins.    </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>Swami Vivekananda Airport (RPR): </strong>Swami Vivekananda Airport (RPR) is the primary terminal, located approximately 22.5 km from the institute. Depending on traffic, the commute typically takes about 45 to 55 minutes.</li><li><strong>How to reach: </strong>The most convenient way to reach the campus from the airport is by booking an Ola or Uber. Alternatively, you can use the Prepaid Taxi Counter at the arrival hall. Since the institute is on the opposite side of the city from the airport, a direct cab is highly recommended to ensure a timely arrival. For a budget-friendly route, take a taxi to the New Bus Stand (Pandri) and then catch a local city bus toward Vidhan Sabha/Mandhar.</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>Raipur Junction (R): </strong>Raipur Railway Station is the major railway hub, located approximately 17.7 km from the institute. The travel time is usually around 35 to 45 minutes.</li><li><strong>How to reach: </strong>From Raipur Junction (Platform No. 1 side), you can easily find a stand for auto-rickshaws. A private auto-rickshaw to the Columbia campus will cost roughly ₹250 to ₹350. For a cheaper alternative, walk to the nearby city bus stop and take a bus heading toward the Vidhan Sabha area.</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>Vidhan Sabha / Tekari Bus Stop: </strong>The Vidhan Sabha / Tekari Bus Stop is the closest local drop-off point, located within a few minutes&#039; walk or a short rickshaw ride from the college entrance. For those arriving from other cities, the New Bus Stand (Pandri) is the main terminal, situated roughly 18.5 km away.</li><li><strong>Bus Routes: </strong>Look for city buses heading toward Mandhar or Vidhan Sabha.</li><li><strong>Availability &amp; Fare: </strong>Shared tempos and city buses are frequent along the main road. A ticket from the central bus stand to the college area typically costs between ₹20 and ₹40. Shared autos (Magic) are also a common and affordable option for local transit.</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>Rapido is a highly recommended and fast option for solo students, with bike rides from the station to the college costing roughly ₹100–₹130.</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>
        Columbia Institute of Engineering and Technology 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=21.31585894,81.70681233&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/dquQJqp7vNGhwgWJA" 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- Columbia Institute of Engineering and Technology</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- Columbia Institute of Engineering and Technology.
   </p>
</div>
<div class="row reveal reveal-delay-1">       <div class="col-md-6 col-lg-4 mb-4 reveal reveal-delay-1">
  <div class="card h-100 border-0 shadow-sm hover-shadow transition-all rounded-3 overflow-hidden">
    <img src="assets/HotelImage01.png" class="card-img-top" style="height: 140px; object-fit: cover;">
    <div class="card-body text-center p-2">
      <h6 class="fw-semibold text-primary mb-2">Collection O Hotel Pearl</h6>
      <p class="text-muted small mb-2">
        ⭐ 3.9 |        <i class="bi bi-geo-alt"></i> 5.76 km
      </p>
    </div>
    <div class="card-footer bg-white p-0">
  <div class="d-flex">
    <a href="https://www.google.com/maps/dir/?api=1&origin=Collection+O+Hotel+Pearl+Raipur&destination=Columbia+Institute+of+Engineering+and+Technology+Raipur"
       target="_blank" class="btn btn-google w-50 rounded-0 py-2">View map</a>
    <a href="https://www.google.com/travel/hotels?q=Collection+O+Hotel+Pearl+Raipur"
       target="_blank" class="btn btn-google w-50 rounded-0 py-2 border-start">Check price</a>
  </div>
</div>
  </div>
</div>
<style>
.btn-google { background-color: #ffffff; color: #1a73e8; font-weight: 500; border: 1px solid #dadce0; font-size: 14px; transition: background-color 0.2s ease, color 0.2s ease; }
.btn-google:hover { background-color: #1a73e8; color: #ffffff; text-decoration: none; }
.card { transition: box-shadow 0.25s ease; }
.card:hover { box-shadow: 0 6px 18px rgba(0, 0, 0, 0.12); }
</style>
                <div class="col-md-6 col-lg-4 mb-4 reveal reveal-delay-1">
  <div class="card h-100 border-0 shadow-sm hover-shadow transition-all rounded-3 overflow-hidden">
    <img src="assets/HotelImage02.png" class="card-img-top" style="height: 140px; object-fit: cover;">
    <div class="card-body text-center p-2">
      <h6 class="fw-semibold text-primary mb-2">Hotel Shera and Restaurant</h6>
      <p class="text-muted small mb-2">
        ⭐ 4.2 |        <i class="bi bi-geo-alt"></i> 7.5 km
      </p>
    </div>
    <div class="card-footer bg-white p-0">
  <div class="d-flex">
    <a href="https://www.google.com/maps/dir/?api=1&origin=Hotel+Shera+and+Restaurant+Raipur&destination=Columbia+Institute+of+Engineering+and+Technology+Raipur"
       target="_blank" class="btn btn-google w-50 rounded-0 py-2">View map</a>
    <a href="https://www.google.com/travel/hotels?q=Hotel+Shera+and+Restaurant+Raipur"
       target="_blank" class="btn btn-google w-50 rounded-0 py-2 border-start">Check price</a>
  </div>
</div>
  </div>
</div>
<style>
.btn-google { background-color: #ffffff; color: #1a73e8; font-weight: 500; border: 1px solid #dadce0; font-size: 14px; transition: background-color 0.2s ease, color 0.2s ease; }
.btn-google:hover { background-color: #1a73e8; color: #ffffff; text-decoration: none; }
.card { transition: box-shadow 0.25s ease; }
.card:hover { box-shadow: 0 6px 18px rgba(0, 0, 0, 0.12); }
</style>
                <div class="col-md-6 col-lg-4 mb-4 reveal reveal-delay-1">
  <div class="card h-100 border-0 shadow-sm hover-shadow transition-all rounded-3 overflow-hidden">
    <img src="assets/HotelImage03.png" class="card-img-top" style="height: 140px; object-fit: cover;">
    <div class="card-body text-center p-2">
      <h6 class="fw-semibold text-primary mb-2">Sunita Park</h6>
      <p class="text-muted small mb-2">
        ⭐ 4.1 |        <i class="bi bi-geo-alt"></i> 8.51 km
      </p>
    </div>
    <div class="card-footer bg-white p-0">
  <div class="d-flex">
    <a href="https://www.google.com/maps/dir/?api=1&origin=Sunita+Park+Raipur&destination=Columbia+Institute+of+Engineering+and+Technology+Raipur"
       target="_blank" class="btn btn-google w-50 rounded-0 py-2">View map</a>
    <a href="https://www.google.com/travel/hotels?q=Sunita+Park+Raipur"
       target="_blank" class="btn btn-google w-50 rounded-0 py-2 border-start">Check price</a>
  </div>
</div>
  </div>
</div>
<style>
.btn-google { background-color: #ffffff; color: #1a73e8; font-weight: 500; border: 1px solid #dadce0; font-size: 14px; transition: background-color 0.2s ease, color 0.2s ease; }
.btn-google:hover { background-color: #1a73e8; color: #ffffff; text-decoration: none; }
.card { transition: box-shadow 0.25s ease; }
.card:hover { box-shadow: 0 6px 18px rgba(0, 0, 0, 0.12); }
</style>
                <div class="col-md-6 col-lg-4 mb-4 reveal reveal-delay-1">
  <div class="card h-100 border-0 shadow-sm hover-shadow transition-all rounded-3 overflow-hidden">
    <img src="assets/HotelImage04.png" class="card-img-top" style="height: 140px; object-fit: cover;">
    <div class="card-body text-center p-2">
      <h6 class="fw-semibold text-primary mb-2">Courtyard by Marriott Raipur</h6>
      <p class="text-muted small mb-2">
        ⭐ 4.3 |        <i class="bi bi-geo-alt"></i> 8.57 km
      </p>
    </div>
    <div class="card-footer bg-white p-0">
  <div class="d-flex">
    <a href="https://www.google.com/maps/dir/?api=1&origin=Courtyard+by+Marriott+Raipur+Raipur&destination=Columbia+Institute+of+Engineering+and+Technology+Raipur"
       target="_blank" class="btn btn-google w-50 rounded-0 py-2">View map</a>
    <a href="https://www.google.com/travel/hotels?q=Courtyard+by+Marriott+Raipur+Raipur"
       target="_blank" class="btn btn-google w-50 rounded-0 py-2 border-start">Check price</a>
  </div>
</div>
  </div>
</div>
<style>
.btn-google { background-color: #ffffff; color: #1a73e8; font-weight: 500; border: 1px solid #dadce0; font-size: 14px; transition: background-color 0.2s ease, color 0.2s ease; }
.btn-google:hover { background-color: #1a73e8; color: #ffffff; text-decoration: none; }
.card { transition: box-shadow 0.25s ease; }
.card:hover { box-shadow: 0 6px 18px rgba(0, 0, 0, 0.12); }
</style>
                <div class="col-md-6 col-lg-4 mb-4 reveal reveal-delay-1">
  <div class="card h-100 border-0 shadow-sm hover-shadow transition-all rounded-3 overflow-hidden">
    <img src="assets/HotelImage05.png" class="card-img-top" style="height: 140px; object-fit: cover;">
    <div class="card-body text-center p-2">
      <h6 class="fw-semibold text-primary mb-2">Hotel Simran Pride</h6>
      <p class="text-muted small mb-2">
        ⭐ 3.7 |        <i class="bi bi-geo-alt"></i> 8.86 km
      </p>
    </div>
    <div class="card-footer bg-white p-0">
  <div class="d-flex">
    <a href="https://www.google.com/maps/dir/?api=1&origin=Hotel+Simran+Pride+Raipur&destination=Columbia+Institute+of+Engineering+and+Technology+Raipur"
       target="_blank" class="btn btn-google w-50 rounded-0 py-2">View map</a>
    <a href="https://www.google.com/travel/hotels?q=Hotel+Simran+Pride+Raipur"
       target="_blank" class="btn btn-google w-50 rounded-0 py-2 border-start">Check price</a>
  </div>
</div>
  </div>
</div>
<style>
.btn-google { background-color: #ffffff; color: #1a73e8; font-weight: 500; border: 1px solid #dadce0; font-size: 14px; transition: background-color 0.2s ease, color 0.2s ease; }
.btn-google:hover { background-color: #1a73e8; color: #ffffff; text-decoration: none; }
.card { transition: box-shadow 0.25s ease; }
.card:hover { box-shadow: 0 6px 18px rgba(0, 0, 0, 0.12); }
</style>
                <div class="col-md-6 col-lg-4 mb-4 reveal reveal-delay-1">
  <div class="card h-100 border-0 shadow-sm hover-shadow transition-all rounded-3 overflow-hidden">
    <img src="assets/HotelImage06.png" class="card-img-top" style="height: 140px; object-fit: cover;">
    <div class="card-body text-center p-2">
      <h6 class="fw-semibold text-primary mb-2">Collection O 15123 Hotel Ryaan Inn</h6>
      <p class="text-muted small mb-2">
        ⭐ 3.9 |        <i class="bi bi-geo-alt"></i> 9.98 km
      </p>
    </div>
    <div class="card-footer bg-white p-0">
  <div class="d-flex">
    <a href="https://www.google.com/maps/dir/?api=1&origin=Collection+O+15123+Hotel+Ryaan+Inn+Raipur&destination=Columbia+Institute+of+Engineering+and+Technology+Raipur"
       target="_blank" class="btn btn-google w-50 rounded-0 py-2">View map</a>
    <a href="https://www.google.com/travel/hotels?q=Collection+O+15123+Hotel+Ryaan+Inn+Raipur"
       target="_blank" class="btn btn-google w-50 rounded-0 py-2 border-start">Check price</a>
  </div>
</div>
  </div>
</div>
<style>
.btn-google { background-color: #ffffff; color: #1a73e8; font-weight: 500; border: 1px solid #dadce0; font-size: 14px; transition: background-color 0.2s ease, color 0.2s ease; }
.btn-google:hover { background-color: #1a73e8; color: #ffffff; text-decoration: none; }
.card { transition: box-shadow 0.25s ease; }
.card:hover { box-shadow: 0 6px 18px rgba(0, 0, 0, 0.12); }
</style>
         </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=Columbia+Institute+of+Engineering+and+Technology" 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 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 Raipur 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/82/Shree Digital01.jpg"
                                 alt="Shree digital ,Raipur"
                                 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=Shree+digital+%2CRaipur"
                                   class="text-decoration-none text-primary fw-semibold">Shree digital ,Raipur</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">
                            📍 Building No. 308/6, Near Jay Ambe Hospital deonagar, devpuri, Dhamtari Rd, Raipur, 492015<br>
                            🗺️ 12.68 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;">
                                                    <div class="d-flex align-items-center justify-content-center h-100 bg-light text-muted"
                                 style="width:100px; font-size:1.8rem;">
                                🏛️
                            </div>
                                            </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=Professional+Institute+Of+Engineering+%26+Technology"
                                   class="text-decoration-none text-primary fw-semibold">Professional Institute 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.3/5)</small>                                </p>
                            </div>
                        </div>
                        <p class="mb-0 text-muted small">
                            📍 State Highway 7, Vidhan Sabha Road, Mura,Bangoli - Raipur, Chhatisgarh (493225)<br>
                            🗺️ 19.38 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>Raipur 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([21.31585894, 81.70681233], 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([21.31585894, 81.70681233], {icon: mainIcon}).addTo(mapMultiple).bindPopup("<b>Columbia Institute of Engineering and Technology</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":"Shree digital ,Raipur","lat":21.206782929999999254278009175322949886322021484375,"lng":81.6712481299999950579149299301207065582275390625,"id":82},{"name":"Professional Institute Of Engineering & Technology","lat":21.397575690000000037116478779353201389312744140625,"lng":81.8721590100000042866668081842362880706787109375,"id":413}];
var bounds = [[21.31585894, 81.70681233]];
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="81">
    <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>