ƒ<script type="application/ld+json">{
    "@context": "https://schema.org",
    "@graph": [
        {
            "@type": [
                "EducationalOrganization",
                "LocalBusiness"
            ],
            "name": "iON Digital Zone iDZ Hathipur Examination Center",
            "url": "https://examstay.com/CenterDetails.php?center=iON+Digital+Zone+iDZ+Hathipur",
            "description": "Official exam center details, address, directions, parking, and reviews for iON Digital Zone iDZ Hathipur.",
            "image": "assets/default.jpg",
            "address": {
                "@type": "PostalAddress",
                "streetAddress": "RND Jan Kalyan Sewa Samiti,184-Hathipur Opposite Thana Maharajpur, Kanpur, Uttar Pradesh, India, 209402",
                "addressLocality": "Kanpur",
                "addressRegion": "Uttar Pradesh",
                "addressCountry": "IN"
            },
            "geo": {
                "@type": "GeoCoordinates",
                "latitude": 26.33437703999999968118572724051773548126220703125,
                "longitude": 80.46032705999999734558514319360256195068359375
            },
            "hasMap": "https://maps.app.goo.gl/caz6cEbxhgEZZHbc9",
            "aggregateRating": {
                "@type": "AggregateRating",
                "ratingValue": "3.4",
                "bestRating": "5",
                "worstRating": "1",
                "ratingCount": "10"
            }
        },
        {
            "@type": "FAQPage",
            "mainEntity": [
                {
                    "@type": "Question",
                    "name": "How to reach iON Digital Zone iDZ Hathipur exam center?",
                    "acceptedAnswer": {
                        "@type": "Answer",
                        "text": "Kanpur Central (CNB): Kanpur Central (CNB) is the primary railway station, located roughly 18–20 km away.Travel Time: 45–60 minutes depending on the highway traffic.How to Reach: Exit the station from the Ghantaghar/City Side (Platform 1). You will find plenty of autos. Tell the driver: &quot;Ramadevi Chauraha&quot; first, or ask for a direct drop at &quot;Hathipur iON Digital Zone, opposite Maharajpur Thana.&quot;"
                    }
                },
                {
                    "@type": "Question",
                    "name": "Are there hotels near iON Digital Zone iDZ Hathipur?",
                    "acceptedAnswer": {
                        "@type": "Answer",
                        "text": "Yes, there are multiple budget and premium hotels available near iON Digital Zone iDZ Hathipur in Kanpur. Check ExamStay for a full list with distances."
                    }
                },
                {
                    "@type": "Question",
                    "name": "Is parking available at iON Digital Zone iDZ Hathipur?",
                    "acceptedAnswer": {
                        "@type": "Answer",
                        "text": "Parking at iON Digital Zone iDZ Hathipur is: Limited"
                    }
                },
                {
                    "@type": "Question",
                    "name": "What is the nearest airport to iON Digital Zone iDZ Hathipur?",
                    "acceptedAnswer": {
                        "@type": "Answer",
                        "text": "Kanpur Airport (KNU), Chakeri: Kanpur Airport (KNU) is the closest, located about 12–14 km away. However, many candidates use Chaudhary Charan Singh International Airport (LKO) in Lucknow (approx. 85–90 km away) due to better flight frequency.How to Reach: From Kanpur Airport, a direct Uber or Ola is the most convenient way to reach Hathipur, taking about 30 minutes. If you arrive at Lucknow Airport, take a taxi or inter-city bus to Ramadevi Chauraha in Kanpur and then switch to a local auto."
                    }
                }
            ]
        },
        {
            "@type": "BreadcrumbList",
            "itemListElement": [
                {
                    "@type": "ListItem",
                    "position": 1,
                    "name": "Home",
                    "item": "https://examstay.com/"
                },
                {
                    "@type": "ListItem",
                    "position": 2,
                    "name": "Uttar Pradesh",
                    "item": "https://examstay.com/state/Uttar+Pradesh"
                },
                {
                    "@type": "ListItem",
                    "position": 3,
                    "name": "Kanpur",
                    "item": "https://examstay.com/city/Kanpur"
                },
                {
                    "@type": "ListItem",
                    "position": 4,
                    "name": "iON Digital Zone iDZ Hathipur"
                }
            ]
        }
    ]
}</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>iON Digital Zone iDZ Hathipur Exam Center Kanpur – Address, Hotels &amp; How To Reach</title>
    <meta name="description" content="How to reach iON Digital Zone iDZ Hathipur exam center in Kanpur, Uttar Pradesh. Find full address, nearby hotels, bus &amp; railway info, parking details, student reviews, and tourist places near iON Digital Zone iDZ Hathipur.">

    <!-- Keywords: natural mix of what students actually search -->
    <meta name="keywords" content="iON Digital Zone iDZ Hathipur exam center Kanpur, how to reach iON Digital Zone iDZ Hathipur, hotel near iON Digital Zone iDZ Hathipur Kanpur, iON Digital Zone iDZ Hathipur address Kanpur, iON Digital Zone iDZ Hathipur exam center parking, Kanpur exam center hotels, iON Digital Zone iDZ Hathipur photos reviews">

    <!-- Open Graph -->
    <meta property="og:title"       content="iON Digital Zone iDZ Hathipur Exam Center Kanpur – Hotels &amp; Travel Guide">
    <meta property="og:description" content="How to reach iON Digital Zone iDZ Hathipur exam center in Kanpur, Uttar Pradesh. Find full address, nearby hotels, bus &amp; railway info, parking details, student reviews, and tourist places near iON Digital Zone iDZ Hathipur.">
    <meta property="og:image"       content="https://examstay.com/assets/og-banner.jpg">
    <meta property="og:url"         content="https://examstay.com/CenterDetails.php?center=iON+Digital+Zone+iDZ+Hathipur">

    <!-- Twitter Card -->
    <meta name="twitter:card"        content="summary_large_image">
    <meta name="twitter:title"       content="iON Digital Zone iDZ Hathipur Exam Center Kanpur">
    <meta name="twitter:description" content="How to reach iON Digital Zone iDZ Hathipur exam center in Kanpur, Uttar Pradesh. Find full address, nearby hotels, bus &amp; railway info, parking details, student reviews, and tourist places near iON Digital Zone iDZ Hathipur.">
    <meta name="twitter:image"       content="https://examstay.com/assets/og-banner.jpg">

    <link rel="canonical" href="https://examstay.com/CenterDetails.php?center=iON+Digital+Zone+iDZ+Hathipur" />

    <!-- Geo tags for local SEO -->
        <meta name="geo.region"    content="IN-Uttar Pradesh">
    <meta name="geo.placename" content="Kanpur">
    <meta name="geo.position"  content="26.33437704;80.46032706">
    <meta name="ICBM"          content="26.33437704, 80.46032706">
    

<!-- 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> iON Digital Zone iDZ Hathipur</h1></div>
<p class="text-muted small mb-2">
            Last Updated: May 5, 2026                • Rating: 3.4    </p>
          <div class="modern-gallery mb-4">
            <div class="gallery-empty-state">
            <div class="empty-icon-wrapper"><i class="bi bi-camera"></i></div>
            <h5>No photos available</h5>
            <a href="https://forms.gle/ULnb1VzgojHeZ9Su8" class="btn btn-sm btn-warning btn-outline-dark"><i class="bi bi-plus-circle me-1"></i>Contribute</a>
        </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">Uttar Pradesh</span>
        </div>
        <div class="detail-box">
            <span class="detail-label">City</span>
            <span class="detail-value">Kanpur</span>
        </div>
        <div class="detail-box">
            <span class="detail-label">Locality</span>
            <span class="detail-value">Kanpur</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">RND Jan Kalyan Sewa Samiti,184-Hathipur Opposite Thana Maharajpur, Kanpur, Uttar Pradesh, India, 209402</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 iON Digital Zone iDZ Hathipur        </h2>
        <p class="text-muted small mt-2">Comprehensive location and transport guide</p>
    </div>
    <div class="description-block reveal mb-5">
    <div class="d-flex justify-content-between align-items-center mb-3">
        <h5 class="subsection-title mb-0">Detailed Overview</h5>
            <div class="rating-modern">
        <span class="rating-number">3.4</span>
        <span class="rating-star">★</span>
    </div>
    </div>
    <div class="text-secondary lh-lg">
        iON Digital Zone iDZ Hathipur is a major examination hub located on the southeastern outskirts of Kanpur. It is situated in the Maharajpur/Hathipur area, specifically along the NH-19 (G.T. Road).

The center is a key venue for national-level computer-based tests (SSC, Railway, Banking). Because it is located about 15–18 km away from the main city center (Kanpur Central), candidates must plan for a significant commute. The area is industrial and semi-rural, so while basic amenities are available, it is not a commercial hub like the main city.    </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>Kanpur Airport (KNU), Chakeri: </strong>Kanpur Airport (KNU) is the closest, located about 12–14 km away. However, many candidates use Chaudhary Charan Singh International Airport (LKO) in Lucknow (approx. 85–90 km away) due to better flight frequency.</li><li><strong>How to Reach: </strong>From Kanpur Airport, a direct Uber or Ola is the most convenient way to reach Hathipur, taking about 30 minutes. If you arrive at Lucknow Airport, take a taxi or inter-city bus to Ramadevi Chauraha in Kanpur and then switch to a local auto.</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>Kanpur Central (CNB): </strong>Kanpur Central (CNB) is the primary railway station, located roughly 18–20 km away.</li><li><strong>Travel Time: </strong>45–60 minutes depending on the highway traffic.</li><li><strong>How to Reach: </strong>Exit the station from the Ghantaghar/City Side (Platform 1). You will find plenty of autos. Tell the driver: &quot;Ramadevi Chauraha&quot; first, or ask for a direct drop at &quot;Hathipur iON Digital Zone, opposite Maharajpur Thana.&quot;</li></ul></p>
        </div>
    </div>
    <div class="col-lg-12">
        <div class="local-commute-box h-100">
            <div class="d-flex align-items-center mb-2">
                <i class="bi bi-train-lightrail-front me-2 text-primary"></i>
                <h3>Metro Station</h3>
            </div>
            <p class="mb-0 small text-dark">Metro Connectivity is Not Available in This Area</p>
        </div>
    </div>
    <div class="col-lg-6 col-md-6">
        <div class="local-commute-box h-100">
            <div class="d-flex align-items-center mb-2">
                <i class="bi bi-bus-front me-2 text-danger"></i>
                <h3>Bus Connectivity</h3>
            </div>
            <p class="mb-0 small text-dark"><ul class="mb-0 ps-3"><li><strong>Main Bus Stand: </strong>The Jhakarkati Bus Stand is the main terminal, located about 18 km away.</li><li><strong>Nearest Bus Stop: </strong>Maharajpur Thana / Hathipur Stop. This is right on the highway, and the center is just a 2-minute walk from the drop-off.</li><li><strong>Bus Routes: </strong>Any state transport (UPSRTC) or private bus heading from Kanpur toward Prayagraj (Allahabad) or Fatehpur will pass through Hathipur.</li><li><strong>Local Transport: </strong>The most common route is to first reach Ramadevi Chauraha. From Ramadevi, you can find constant &quot;Vikrams&quot; (large shared autos) or e-rickshaws heading to Maharajpur. The shared fare from Ramadevi to Hathipur is roughly ₹20–₹30.</li></ul></p>
        </div>
    </div>
    <div class="col-lg-6 col-md-6">
        <div class="local-commute-box h-100">
            <div class="d-flex align-items-center mb-2">
                <i class="bi bi-taxi-front me-2 text-info"></i>
                <h3>Local Taxi / Auto</h3>
            </div>
            <p class="mb-0 small text-dark"><ul class="mb-0 ps-3"><li><strong>App-Based Services: </strong>Uber, Ola, and Rapido are available. Rapido (Bike Taxi) is highly recommended for solo travelers to bypass the heavy congestion at the Ramadevi flyover.</li><li><strong>Local Transport: </strong>From Railway Station to Center: Taxis and autos are available 24/7 at the station.  From Bus Stand to Center: Shared autos are available from the Awas Vikas or Jhakarkati areas to Ramadevi, where you can switch for Hathipur.</li></ul></p>
        </div>
    </div>
</div>
    <div class="row mt-5 align-items-stretch">
        <div class="col-md-8 mb-3">
        <div class="useful-links-strip h-100">
            <i class="bi bi-link-45deg me-2 text-primary"></i>
            <span class="me-3 fw-bold text-danger">Quick Links:</span>
            <div class="links-container"><p>No links available at this time.</p></div>
        </div>
    </div>
                <div class="col-md-4 mb-3">
        <div class="reach-score-box h-100 d-flex flex-column justify-content-center align-items-center"
             style="background: linear-gradient(135deg, #fef9c3, #fde68a); border: 1px solid #f59e0b;">
            <div class="score-label" style="color: #f59e0b;">Reachability Score</div>
            <div class="score-value" style="color: #78350f;">6/10</div>
        </div>
    </div>
    </div>
<p class="small text-muted mb-0"><i class="bi bi-info-circle me-1"></i>
    Reachability Score shows how easily this center can be accessed by airport, metro, bus, railway, and taxi. Higher score = better connectivity.
</p></div>

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

<hr style="margin-top: 4rem;">
<div class="location-header reveal mb-4">
    <h2 class="section-title mb-0 border-bottom pb-2">
        <i class="bi bi-geo-alt-fill me-2 text-primary"></i>
        iON Digital Zone iDZ Hathipur 360° Street View
    </h2>
</div>
<div class="mb-4 rounded shadow-sm border reveal reveal-delay-1" style="overflow:hidden;">
    <iframe
        src="https://www.google.com/maps?q=&layer=c&cbll=26.33437704,80.46032706&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/caz6cEbxhgEZZHbc9" 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- iON Digital Zone iDZ Hathipur</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- iON Digital Zone iDZ Hathipur.
   </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=iON+Digital+Zone+iDZ+Hathipur" 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 Kanpur 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;">
                                                    <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=Smt.+Ramkali+Iqbal+Bahadur"
                                   class="text-decoration-none text-primary fw-semibold">Smt. Ramkali Iqbal Bahadur</a>
                            </h5>
                            <div class="mt-1 mt-md-0">
                                                                <p class="text-muted small mb-0">
                                                                            <span style="color:#f5c518; font-size:16px;">★</span>
                                                                            <span style="color:#f5c518; font-size:16px;">★</span>
                                                                            <span style="color:#f5c518; font-size:16px;">★</span>
                                                                            <span style="color:#f5c518; font-size:16px;">☆</span>
                                                                            <span style="color:#f5c518; font-size:16px;">☆</span>
                                                                        <small class="text-muted">(3.5/5)</small>                                </p>
                            </div>
                        </div>
                        <p class="mb-0 text-muted small">
                            📍 Smt. Ramkali Iqbal Bahadur (Online Centre), NH-19 Purwamir, G.T Road, Sarsaul, Kanpur Nagar, Uttar Pradesh PIN-209402<br>
                            🗺️ 13.26 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=iON+Digital+Zone+iDZ+1+Bhauti"
                                   class="text-decoration-none text-primary fw-semibold">iON Digital Zone iDZ 1 Bhauti</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">
                            📍 Karma Industries, Arazi No. 664, 665 Bhauti Pratappur opp bhauti gaushala, Kanpur, Uttar Pradesh, India, 209305<br>
                            🗺️ 28.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=RCRD+Kanya+Mahavidyalaya"
                                   class="text-decoration-none text-primary fw-semibold">RCRD Kanya 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.4/5)</small>                                </p>
                            </div>
                        </div>
                        <p class="mb-0 text-muted small">
                            📍 RCRD Kanya Mahavidyalaya, NH2, Near Chakarpur Mandi, Jugrajpur, Sachendi, Kanpur, Uttar Pradesh PIN-209214<br>
                            🗺️ 29.96 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>Kanpur City – All Exam Centers on One Map</h2>
</div>
<div id="mapMultiple" style="height: 450px;" class="mb-4 rounded shadow-sm border"></div>
<script>
var mapMultiple = L.map('mapMultiple').setView([26.33437704, 80.46032706], 13);
mapMultiple.scrollWheelZoom.disable();
L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', { attribution: '&copy; OpenStreetMap contributors' }).addTo(mapMultiple);
var mainIcon = L.icon({ iconUrl: 'https://raw.githubusercontent.com/pointhi/leaflet-color-markers/master/img/marker-icon-red.png', iconSize: [25, 41], iconAnchor: [12, 41], popupAnchor: [1, -34] });
L.marker([26.33437704, 80.46032706], {icon: mainIcon}).addTo(mapMultiple).bindPopup("<b>iON Digital Zone iDZ Hathipur</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":"Smt. Ramkali Iqbal Bahadur","lat":26.227784719999998941375451977364718914031982421875,"lng":80.519885619999996606566128320991992950439453125,"id":213},{"name":"iON Digital Zone iDZ 1 Bhauti","lat":26.457885080000000499467205372639000415802001953125,"lng":80.207559360000004744506441056728363037109375,"id":330},{"name":"RCRD Kanya Mahavidyalaya","lat":26.4330716099999989410207490436732769012451171875,"lng":80.180422429999993028104654513299465179443359375,"id":214}];
var bounds = [[26.33437704, 80.46032706]];
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="331">
    <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>