ƒ<script type="application/ld+json">{
    "@context": "https://schema.org",
    "@graph": [
        {
            "@type": [
                "EducationalOrganization",
                "LocalBusiness"
            ],
            "name": "Maa Sarswati IT Solution Examination Center",
            "url": "https://examstay.com/CenterDetails.php?center=Maa+Sarswati+IT+Solution",
            "description": "Official exam center details, address, directions, parking, and reviews for Maa Sarswati IT Solution.",
            "image": "CenterImage/48/Maa Sarswati IT Solution image 01.png",
            "address": {
                "@type": "PostalAddress",
                "streetAddress": "Gaya Panchanpur Road (NH-120), Kewali PO-Churi, Gaya PIN– 823002",
                "addressLocality": "Gaya",
                "addressRegion": "Bihar",
                "addressCountry": "IN"
            },
            "geo": {
                "@type": "GeoCoordinates",
                "latitude": 24.831583699999999481633494724519550800323486328125,
                "longitude": 84.9519725800000031767922337166965007781982421875
            },
            "hasMap": "https://maps.app.goo.gl/pxHSQgkR2XLZZHGp7",
            "aggregateRating": {
                "@type": "AggregateRating",
                "ratingValue": "2.3",
                "bestRating": "5",
                "worstRating": "1",
                "ratingCount": "10"
            }
        },
        {
            "@type": "FAQPage",
            "mainEntity": [
                {
                    "@type": "Question",
                    "name": "How to reach Maa Sarswati IT Solution exam center?",
                    "acceptedAnswer": {
                        "@type": "Answer",
                        "text": "Gaya Junction: The main railway station is about 12 to 14 km away.Travel Time: 30–40 minutes.How to reach: Exit the station and head to the auto-rickshaw stand. It is highly recommended to take a direct private auto or an e-rickshaw for convenience.Fare Estimate: A private auto will typically charge between ₹200 and ₹300. You can also opt for a shared auto from the station to a major junction like Delha or Government Bus Stand and then switch to another shared vehicle heading to Churi."
                    }
                },
                {
                    "@type": "Question",
                    "name": "Are there hotels near Maa Sarswati IT Solution?",
                    "acceptedAnswer": {
                        "@type": "Answer",
                        "text": "Yes, there are multiple budget and premium hotels available near Maa Sarswati IT Solution in Gaya. Check ExamStay for a full list with distances."
                    }
                },
                {
                    "@type": "Question",
                    "name": "Is parking available at Maa Sarswati IT Solution?",
                    "acceptedAnswer": {
                        "@type": "Answer",
                        "text": "Parking at Maa Sarswati IT Solution is: Available"
                    }
                },
                {
                    "@type": "Question",
                    "name": "What is the nearest airport to Maa Sarswati IT Solution?",
                    "acceptedAnswer": {
                        "@type": "Answer",
                        "text": "Jay Prakash Narayan International Airport: The airport is approximately 105 to 110 km from the Maa Sarswati IT Solution center in Gaya.Travel Time: 3 to 3.5 hours by road; approximately 2.5 hours by train (excluding transit to the station).How to reach By Train: (Fastest &amp; Reliable): Take an Uber/Taxi from the airport to Patna Junction (PNBE), which is about 5 km away. Board an express train like the Jan Shatabdi or Vande Bharat for a quick 1.5 to 2-hour journey to Gaya Junction.How to reach By Taxi: Direct cabs (Uber, Ola, or private rentals) are available at the airport. This is the most convenient &quot;door-to-door&quot;&quot; option, costing roughly ₹2,000 – ₹3,000.How to reach By Bus: AC and non-AC buses run from the Bairiya ISBT or Gandhi Maidan in Patna directly to Gaya."
                    }
                }
            ]
        },
        {
            "@type": "BreadcrumbList",
            "itemListElement": [
                {
                    "@type": "ListItem",
                    "position": 1,
                    "name": "Home",
                    "item": "https://examstay.com/"
                },
                {
                    "@type": "ListItem",
                    "position": 2,
                    "name": "Bihar",
                    "item": "https://examstay.com/state/Bihar"
                },
                {
                    "@type": "ListItem",
                    "position": 3,
                    "name": "Gaya",
                    "item": "https://examstay.com/city/Gaya"
                },
                {
                    "@type": "ListItem",
                    "position": 4,
                    "name": "Maa Sarswati IT Solution"
                }
            ]
        }
    ]
}</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>Maa Sarswati IT Solution Exam Center Gaya – Address, Hotels &amp; How To Reach</title>
    <meta name="description" content="How to reach Maa Sarswati IT Solution exam center in Gaya, Bihar. Find full address, nearby hotels, bus &amp; railway info, parking details, student reviews, and tourist places near Maa Sarswati IT Solution.">

    <!-- Keywords: natural mix of what students actually search -->
    <meta name="keywords" content="Maa Sarswati IT Solution exam center Gaya, how to reach Maa Sarswati IT Solution, hotel near Maa Sarswati IT Solution Gaya, Maa Sarswati IT Solution address Gaya, Maa Sarswati IT Solution exam center parking, Gaya exam center hotels, Maa Sarswati IT Solution photos reviews">

    <!-- Open Graph -->
    <meta property="og:title"       content="Maa Sarswati IT Solution Exam Center Gaya – Hotels &amp; Travel Guide">
    <meta property="og:description" content="How to reach Maa Sarswati IT Solution exam center in Gaya, Bihar. Find full address, nearby hotels, bus &amp; railway info, parking details, student reviews, and tourist places near Maa Sarswati IT Solution.">
    <meta property="og:image"       content="https://examstay.com/CenterImage/48/Maa Sarswati IT Solution image 01.png">
    <meta property="og:url"         content="https://examstay.com/CenterDetails.php?center=Maa+Sarswati+IT+Solution">

    <!-- Twitter Card -->
    <meta name="twitter:card"        content="summary_large_image">
    <meta name="twitter:title"       content="Maa Sarswati IT Solution Exam Center Gaya">
    <meta name="twitter:description" content="How to reach Maa Sarswati IT Solution exam center in Gaya, Bihar. Find full address, nearby hotels, bus &amp; railway info, parking details, student reviews, and tourist places near Maa Sarswati IT Solution.">
    <meta name="twitter:image"       content="https://examstay.com/CenterImage/48/Maa Sarswati IT Solution image 01.png">

    <link rel="canonical" href="https://examstay.com/CenterDetails.php?center=Maa+Sarswati+IT+Solution" />

    <!-- Geo tags for local SEO -->
        <meta name="geo.region"    content="IN-Bihar">
    <meta name="geo.placename" content="Gaya">
    <meta name="geo.position"  content="24.8315837;84.95197258">
    <meta name="ICBM"          content="24.8315837, 84.95197258">
    

<!-- 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> Maa Sarswati IT Solution</h1></div>
<p class="text-muted small mb-2">
            Last Updated: April 6, 2026                • Rating: 2.3    </p>
          <div class="modern-gallery mb-4">
            <div class="gallery-grid">
            <div class="gallery-item main-feature">
                <a href="CenterImage/48/Maa Sarswati IT Solution image 01.png" class="glightbox" data-gallery="center-gallery">
                    <img src="CenterImage/48/Maa Sarswati IT Solution image 01.png"
                         alt="Maa Sarswati IT Solution 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/48/Maa Sarswati IT Solution image 02.jpg" class="glightbox" data-gallery="center-gallery">
                            <img src="CenterImage/48/Maa Sarswati IT Solution image 02.jpg"
                                 alt="Maa Sarswati IT Solution 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/48/Maa Sarswati IT Solution image 03.jpg" class="glightbox" data-gallery="center-gallery">
                            <img src="CenterImage/48/Maa Sarswati IT Solution image 03.jpg"
                                 alt="Maa Sarswati IT Solution 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">Bihar</span>
        </div>
        <div class="detail-box">
            <span class="detail-label">City</span>
            <span class="detail-value">Gaya</span>
        </div>
        <div class="detail-box">
            <span class="detail-label">Locality</span>
            <span class="detail-value">Kewali</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">Gaya Panchanpur Road (NH-120), Kewali PO-Churi, Gaya PIN– 823002</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 Maa Sarswati IT Solution        </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">2.3</span>
        <span class="rating-star">★</span>
    </div>
    </div>
    <div class="text-secondary lh-lg">
        If you’ve been assigned Maa Sarswati IT Solution in Gaya, you’ll be heading to the Churi/Kewali area, which is situated along NH-120. This center is a prominent venue for computer-based tests and is located on the outskirts of the main city, providing a quieter environment that is quite helpful for maintaining focus during an exam. The area is developing as a technical and educational hub, so while it isn't in the middle of a busy market, it is very well-connected by the highway. For candidates, this means you can avoid the narrow, congested lanes of central Gaya. There are basic facilities nearby, but since it's a bit of a distance from the main town, it’s a good idea to carry your essentials and reach the venue well in advance.    </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>Jay Prakash Narayan International Airport: </strong>The airport is approximately 105 to 110 km from the Maa Sarswati IT Solution center in Gaya.</li><li><strong>Travel Time: </strong>3 to 3.5 hours by road; approximately 2.5 hours by train (excluding transit to the station).</li><li><strong>How to reach By Train: </strong>(Fastest &amp; Reliable): Take an Uber/Taxi from the airport to Patna Junction (PNBE), which is about 5 km away. Board an express train like the Jan Shatabdi or Vande Bharat for a quick 1.5 to 2-hour journey to Gaya Junction.</li><li><strong>How to reach By Taxi: </strong>Direct cabs (Uber, Ola, or private rentals) are available at the airport. This is the most convenient &quot;door-to-door&quot;&quot; option, costing roughly ₹2,000 – ₹3,000.</li><li><strong>How to reach By Bus: </strong>AC and non-AC buses run from the Bairiya ISBT or Gandhi Maidan in Patna directly to Gaya.</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>Gaya Junction: </strong>The main railway station is about 12 to 14 km away.</li><li><strong>Travel Time: </strong>30–40 minutes.</li><li><strong>How to reach: </strong>Exit the station and head to the auto-rickshaw stand. It is highly recommended to take a direct private auto or an e-rickshaw for convenience.</li><li><strong>Fare Estimate: </strong>A private auto will typically charge between ₹200 and ₹300. You can also opt for a shared auto from the station to a major junction like Delha or Government Bus Stand and then switch to another shared vehicle heading to Churi.</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>Gaya Gandhi Maidan Bus Stand: </strong>The main inter-city bus stand at Gandhi Maidan is roughly 10 to 12 km away. However, there are local stops along NH-120 much closer to the center.</li><li><strong>Bus Routes: </strong>Local buses plying towards Daudnagar or nearby towns pass through this highway.</li><li><strong>Local Connectivity: </strong>From Gandhi Maidan, you can board a shared auto or a bus heading towards the Churi/Kewali direction. Shared autos are very frequent on this highway stretch.</li><li><strong>Approximate Fare: </strong>₹25 – ₹40 for a shared auto; ₹150 – ₹200 for a private Toto booking.</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>From Railway Station to Center: </strong>Private autos are available 24/7 at the station. Expect to pay around ₹250.</li><li><strong>From Bus Stand to Center: </strong>From Gandhi Maidan, a reserved Toto will cost roughly ₹150 – ₹180.</li><li><strong>App-Based Services: </strong>Uber and Ola have very limited presence here and cannot be relied upon for early morning exam shifts. However, Rapido (bike taxi) is active and is a great way to reach the center quickly.</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;">5/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>
        Maa Sarswati IT Solution 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=24.8315837,84.95197258&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/pxHSQgkR2XLZZHGp7" 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- Maa Sarswati IT Solution</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- Maa Sarswati IT Solution.
   </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">Ajatsatru Hotel</h6>
      <p class="text-muted small mb-2">
        ⭐ 3.6 |        <i class="bi bi-geo-alt"></i> 5.87 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=Ajatsatru+Hotel+Gaya&destination=Maa+Sarswati+IT+Solution+Gaya"
       target="_blank" class="btn btn-google w-50 rounded-0 py-2">View map</a>
    <a href="https://www.google.com/travel/hotels?q=Ajatsatru+Hotel+Gaya"
       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 Viraat Inn Gaya- hotel in gaya near railway station</h6>
      <p class="text-muted small mb-2">
        ⭐ 4.1 |        <i class="bi bi-geo-alt"></i> 5.91 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+Viraat+Inn+Gaya-+hotel+in+gaya+near+railway+station+Gaya&destination=Maa+Sarswati+IT+Solution+Gaya"
       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+Viraat+Inn+Gaya-+hotel+in+gaya+near+railway+station+Gaya"
       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">Orbit Hotel</h6>
      <p class="text-muted small mb-2">
        ⭐ 3.4 |        <i class="bi bi-geo-alt"></i> 5.95 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=Orbit+Hotel+Gaya&destination=Maa+Sarswati+IT+Solution+Gaya"
       target="_blank" class="btn btn-google w-50 rounded-0 py-2">View map</a>
    <a href="https://www.google.com/travel/hotels?q=Orbit+Hotel+Gaya"
       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">Hotel Heritage Inn</h6>
      <p class="text-muted small mb-2">
        ⭐ 3.8 |        <i class="bi bi-geo-alt"></i> 6.55 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+Heritage+Inn+Gaya&destination=Maa+Sarswati+IT+Solution+Gaya"
       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+Heritage+Inn+Gaya"
       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 Gharana</h6>
      <p class="text-muted small mb-2">
        ⭐ 4.1 |        <i class="bi bi-geo-alt"></i> 6.84 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+Gharana+Gaya&destination=Maa+Sarswati+IT+Solution+Gaya"
       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+Gharana+Gaya"
       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">Hotel KUMAR KRIPA</h6>
      <p class="text-muted small mb-2">
        ⭐ 4.3 |        <i class="bi bi-geo-alt"></i> 8.3 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+KUMAR+KRIPA+Gaya&destination=Maa+Sarswati+IT+Solution+Gaya"
       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+KUMAR+KRIPA+Gaya"
       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=Maa+Sarswati+IT+Solution" class="btn btn-sm btn-warning btn-outline-dark">
            <i class="bi bi-plus-circle me-1"></i>Contribute</a>
    </div>

<hr style="margin-top: 4rem;">
<div class="location-header mb-4">
    <h2 class="section-title mb-0 border-bottom pb-2">
        <i class="bi bi-geo-alt-fill me-2 text-primary"></i>Tourist Places in Gaya</h2>
</div>
<hr class="my-3" />
<div class="row" id="touristPlacesContainer">
                    <div class="col-md-6 col-lg-4 mb-4 tourist-card" style="">
            <div class="card h-100 border-0 shadow-sm hover-shadow rounded-3 overflow-hidden">
                <a href="https://www.google.com/maps/place/?q=place_id:ChIJdwjYS1ss8zkRlwyobygu3fg" target="_blank">
                    <img src="assets/NearbyTouristPlacesIMG/ChIJdwjYS1ss8zkRlwyobygu3fg_1775312590.jpg"
                         class="card-img-top" style="height: 180px; object-fit: cover;">
                </a>
                <div class="card-body text-center p-2">
                    <h6 class="fw-semibold text-primary mb-2">Mahabodhi Temple</h6>
                                        <p class="text-muted small mb-2">
                                                    <span style="color:#f5c518; font-size:16px;">★</span>
                                                    <span style="color:#f5c518; font-size:16px;">★</span>
                                                    <span style="color:#f5c518; font-size:16px;">★</span>
                                                    <span style="color:#f5c518; font-size:16px;">★</span>
                                                    <span style="color:#f5c518; font-size:16px;">☆</span>
                                                <small class="text-muted">(4.7/5)</small>                    </p>
                    <a href="https://www.google.com/maps/place/?q=place_id:ChIJdwjYS1ss8zkRlwyobygu3fg" target="_blank"
                       class="btn btn-gradient w-100 py-2 fw-semibold text-white rounded-0">View on Map</a>
                </div>
            </div>
        </div>
                    <div class="col-md-6 col-lg-4 mb-4 tourist-card" style="">
            <div class="card h-100 border-0 shadow-sm hover-shadow rounded-3 overflow-hidden">
                <a href="https://www.google.com/maps/place/?q=place_id:ChIJuSW5XzUq8zkR40JjR88pXX4" target="_blank">
                    <img src="assets/NearbyTouristPlacesIMG/ChIJuSW5XzUq8zkR40JjR88pXX4_1775312606.jpg"
                         class="card-img-top" style="height: 180px; object-fit: cover;">
                </a>
                <div class="card-body text-center p-2">
                    <h6 class="fw-semibold text-primary mb-2">Maa Sarva Mangla Gauri Shakti Peeth Temple</h6>
                                        <p class="text-muted small mb-2">
                                                    <span style="color:#f5c518; font-size:16px;">★</span>
                                                    <span style="color:#f5c518; font-size:16px;">★</span>
                                                    <span style="color:#f5c518; font-size:16px;">★</span>
                                                    <span style="color:#f5c518; font-size:16px;">★</span>
                                                    <span style="color:#f5c518; font-size:16px;">☆</span>
                                                <small class="text-muted">(4.6/5)</small>                    </p>
                    <a href="https://www.google.com/maps/place/?q=place_id:ChIJuSW5XzUq8zkR40JjR88pXX4" target="_blank"
                       class="btn btn-gradient w-100 py-2 fw-semibold text-white rounded-0">View on Map</a>
                </div>
            </div>
        </div>
                    <div class="col-md-6 col-lg-4 mb-4 tourist-card" style="">
            <div class="card h-100 border-0 shadow-sm hover-shadow rounded-3 overflow-hidden">
                <a href="https://www.google.com/maps/place/?q=place_id:ChIJB-buslks8zkRNF_Al6pa0mc" target="_blank">
                    <img src="assets/NearbyTouristPlacesIMG/ChIJB-buslks8zkRNF_Al6pa0mc_1775312619.jpg"
                         class="card-img-top" style="height: 180px; object-fit: cover;">
                </a>
                <div class="card-body text-center p-2">
                    <h6 class="fw-semibold text-primary mb-2">The Royal Bhutanese Monastery</h6>
                                        <p class="text-muted small mb-2">
                                                    <span style="color:#f5c518; font-size:16px;">★</span>
                                                    <span style="color:#f5c518; font-size:16px;">★</span>
                                                    <span style="color:#f5c518; font-size:16px;">★</span>
                                                    <span style="color:#f5c518; font-size:16px;">★</span>
                                                    <span style="color:#f5c518; font-size:16px;">☆</span>
                                                <small class="text-muted">(4.6/5)</small>                    </p>
                    <a href="https://www.google.com/maps/place/?q=place_id:ChIJB-buslks8zkRNF_Al6pa0mc" target="_blank"
                       class="btn btn-gradient w-100 py-2 fw-semibold text-white rounded-0">View on Map</a>
                </div>
            </div>
        </div>
                    <div class="col-md-6 col-lg-4 mb-4 tourist-card" style="display:none;">
            <div class="card h-100 border-0 shadow-sm hover-shadow rounded-3 overflow-hidden">
                <a href="https://www.google.com/maps/place/?q=place_id:ChIJhwmDWVgs8zkR5Xh4pcDJ0fI" target="_blank">
                    <img src="assets/NearbyTouristPlacesIMG/ChIJhwmDWVgs8zkR5Xh4pcDJ0fI_1775312626.jpg"
                         class="card-img-top" style="height: 180px; object-fit: cover;">
                </a>
                <div class="card-body text-center p-2">
                    <h6 class="fw-semibold text-primary mb-2">The Great Buddha Statue</h6>
                                        <p class="text-muted small mb-2">
                                                    <span style="color:#f5c518; font-size:16px;">★</span>
                                                    <span style="color:#f5c518; font-size:16px;">★</span>
                                                    <span style="color:#f5c518; font-size:16px;">★</span>
                                                    <span style="color:#f5c518; font-size:16px;">★</span>
                                                    <span style="color:#f5c518; font-size:16px;">☆</span>
                                                <small class="text-muted">(4.6/5)</small>                    </p>
                    <a href="https://www.google.com/maps/place/?q=place_id:ChIJhwmDWVgs8zkR5Xh4pcDJ0fI" target="_blank"
                       class="btn btn-gradient w-100 py-2 fw-semibold text-white rounded-0">View on Map</a>
                </div>
            </div>
        </div>
                    <div class="col-md-6 col-lg-4 mb-4 tourist-card" style="display:none;">
            <div class="card h-100 border-0 shadow-sm hover-shadow rounded-3 overflow-hidden">
                <a href="https://www.google.com/maps/place/?q=place_id:ChIJhTNzHTcp8zkR_kS6ou3IgME" target="_blank">
                    <img src="assets/NearbyTouristPlacesIMG/ChIJhTNzHTcp8zkR_kS6ou3IgME_1775312650.jpg"
                         class="card-img-top" style="height: 180px; object-fit: cover;">
                </a>
                <div class="card-body text-center p-2">
                    <h6 class="fw-semibold text-primary mb-2">Pragbodhi Cave</h6>
                                        <p class="text-muted small mb-2">
                                                    <span style="color:#f5c518; font-size:16px;">★</span>
                                                    <span style="color:#f5c518; font-size:16px;">★</span>
                                                    <span style="color:#f5c518; font-size:16px;">★</span>
                                                    <span style="color:#f5c518; font-size:16px;">★</span>
                                                    <span style="color:#f5c518; font-size:16px;">☆</span>
                                                <small class="text-muted">(4.5/5)</small>                    </p>
                    <a href="https://www.google.com/maps/place/?q=place_id:ChIJhTNzHTcp8zkR_kS6ou3IgME" target="_blank"
                       class="btn btn-gradient w-100 py-2 fw-semibold text-white rounded-0">View on Map</a>
                </div>
            </div>
        </div>
                    <div class="col-md-6 col-lg-4 mb-4 tourist-card" style="display:none;">
            <div class="card h-100 border-0 shadow-sm hover-shadow rounded-3 overflow-hidden">
                <a href="https://www.google.com/maps/place/?q=place_id:ChIJIbAiorMr8zkRu9qqfWC1veg" target="_blank">
                    <img src="assets/NearbyTouristPlacesIMG/ChIJIbAiorMr8zkRu9qqfWC1veg_1775312657.jpg"
                         class="card-img-top" style="height: 180px; object-fit: cover;">
                </a>
                <div class="card-body text-center p-2">
                    <h6 class="fw-semibold text-primary mb-2">Brahmayoni Hill</h6>
                                        <p class="text-muted small mb-2">
                                                    <span style="color:#f5c518; font-size:16px;">★</span>
                                                    <span style="color:#f5c518; font-size:16px;">★</span>
                                                    <span style="color:#f5c518; font-size:16px;">★</span>
                                                    <span style="color:#f5c518; font-size:16px;">★</span>
                                                    <span style="color:#f5c518; font-size:16px;">☆</span>
                                                <small class="text-muted">(4.4/5)</small>                    </p>
                    <a href="https://www.google.com/maps/place/?q=place_id:ChIJIbAiorMr8zkRu9qqfWC1veg" target="_blank"
                       class="btn btn-gradient w-100 py-2 fw-semibold text-white rounded-0">View on Map</a>
                </div>
            </div>
        </div>
                    <div class="col-md-6 col-lg-4 mb-4 tourist-card" style="display:none;">
            <div class="card h-100 border-0 shadow-sm hover-shadow rounded-3 overflow-hidden">
                <a href="https://www.google.com/maps/place/?q=place_id:ChIJw966SeQr8zkRsM560RUgo-o" target="_blank">
                    <img src="assets/NearbyTouristPlacesIMG/ChIJw966SeQr8zkRsM560RUgo-o_1775312664.jpg"
                         class="card-img-top" style="height: 180px; object-fit: cover;">
                </a>
                <div class="card-body text-center p-2">
                    <h6 class="fw-semibold text-primary mb-2">Maa Sita Setu</h6>
                                        <p class="text-muted small mb-2">
                                                    <span style="color:#f5c518; font-size:16px;">★</span>
                                                    <span style="color:#f5c518; font-size:16px;">★</span>
                                                    <span style="color:#f5c518; font-size:16px;">★</span>
                                                    <span style="color:#f5c518; font-size:16px;">★</span>
                                                    <span style="color:#f5c518; font-size:16px;">☆</span>
                                                <small class="text-muted">(4.3/5)</small>                    </p>
                    <a href="https://www.google.com/maps/place/?q=place_id:ChIJw966SeQr8zkRsM560RUgo-o" target="_blank"
                       class="btn btn-gradient w-100 py-2 fw-semibold text-white rounded-0">View on Map</a>
                </div>
            </div>
        </div>
                    <div class="col-md-6 col-lg-4 mb-4 tourist-card" style="display:none;">
            <div class="card h-100 border-0 shadow-sm hover-shadow rounded-3 overflow-hidden">
                <a href="https://www.google.com/maps/place/?q=place_id:ChIJr4zFjfUr8zkRriJ6MsPW5Q4" target="_blank">
                    <img src="assets/NearbyTouristPlacesIMG/ChIJr4zFjfUr8zkRriJ6MsPW5Q4_1775312671.jpg"
                         class="card-img-top" style="height: 180px; object-fit: cover;">
                </a>
                <div class="card-body text-center p-2">
                    <h6 class="fw-semibold text-primary mb-2">Gaya Pind Daan Area</h6>
                                        <p class="text-muted small mb-2">
                                                    <span style="color:#f5c518; font-size:16px;">★</span>
                                                    <span style="color:#f5c518; font-size:16px;">★</span>
                                                    <span style="color:#f5c518; font-size:16px;">★</span>
                                                    <span style="color:#f5c518; font-size:16px;">★</span>
                                                    <span style="color:#f5c518; font-size:16px;">☆</span>
                                                <small class="text-muted">(4.3/5)</small>                    </p>
                    <a href="https://www.google.com/maps/place/?q=place_id:ChIJr4zFjfUr8zkRriJ6MsPW5Q4" target="_blank"
                       class="btn btn-gradient w-100 py-2 fw-semibold text-white rounded-0">View on Map</a>
                </div>
            </div>
        </div>
                    <div class="col-md-6 col-lg-4 mb-4 tourist-card" style="display:none;">
            <div class="card h-100 border-0 shadow-sm hover-shadow rounded-3 overflow-hidden">
                <a href="https://www.google.com/maps/place/?q=place_id:ChIJHbRuu0Uq8zkRZK9pHSaAhX4" target="_blank">
                    <img src="assets/NearbyTouristPlacesIMG/ChIJHbRuu0Uq8zkRZK9pHSaAhX4_1775312682.jpg"
                         class="card-img-top" style="height: 180px; object-fit: cover;">
                </a>
                <div class="card-body text-center p-2">
                    <h6 class="fw-semibold text-primary mb-2">Gaya Museum</h6>
                                        <p class="text-muted small mb-2">
                                                    <span style="color:#f5c518; font-size:16px;">★</span>
                                                    <span style="color:#f5c518; font-size:16px;">★</span>
                                                    <span style="color:#f5c518; font-size:16px;">★</span>
                                                    <span style="color:#f5c518; font-size:16px;">☆</span>
                                                    <span style="color:#f5c518; font-size:16px;">☆</span>
                                                <small class="text-muted">(3.8/5)</small>                    </p>
                    <a href="https://www.google.com/maps/place/?q=place_id:ChIJHbRuu0Uq8zkRZK9pHSaAhX4" target="_blank"
                       class="btn btn-gradient w-100 py-2 fw-semibold text-white rounded-0">View on Map</a>
                </div>
            </div>
        </div>
    </div>
    <div class="text-center mt-3">
        <button id="seeMorePlaces" class="btn btn-sm btn-warning btn-outline-dark px-4">See More Place</button>
    </div>
<script>
document.getElementById('seeMorePlaces')?.addEventListener('click', function() {
    document.querySelectorAll('.tourist-card').forEach(card => card.style.display = 'block');
    this.style.display = 'none';
});
</script>
<style>
.tourist-card { transition: transform 0.3s ease, box-shadow 0.3s ease; }
.tourist-card:hover { transform: translateY(-5px); box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12); }
.tourist-card .btn-gradient { background: linear-gradient(90deg, #0072ff, #00c6ff); border: none; transition: background 0.3s ease, transform 0.2s ease; }
.tourist-card .btn-gradient:hover { background: linear-gradient(90deg, #0059ff, #00a6e0); transform: scale(1.02); }
</style>

<hr style="margin-top: 4rem;">
<div class="location-header reveal mb-4">
    <h2 class="section-title mb-0 border-bottom pb-2"><i class="bi bi-geo-alt-fill me-2 text-primary"></i>All Exam Centers in Gaya 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/47/shree ganesh innovative 01.jpg"
                                 alt="Shree Ganesh Innovative"
                                 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+Ganesh+Innovative"
                                   class="text-decoration-none text-primary fw-semibold">Shree Ganesh Innovative</a>
                            </h5>
                            <div class="mt-1 mt-md-0">
                                                                <p class="text-muted small mb-0">
                                                                            <span style="color:#f5c518; font-size:16px;">★</span>
                                                                            <span style="color:#f5c518; font-size:16px;">★</span>
                                                                            <span style="color:#f5c518; font-size:16px;">☆</span>
                                                                            <span style="color:#f5c518; font-size:16px;">☆</span>
                                                                            <span style="color:#f5c518; font-size:16px;">☆</span>
                                                                        <small class="text-muted">(2.1/5)</small>                                </p>
                            </div>
                        </div>
                        <p class="mb-0 text-muted small">
                            📍 Kujapi, Near Hanuman Chauki, Gaya Tekari Road, Gaya PIN-823002<br>
                            🗺️ 2.03 km from this center
                        </p>
                    </div>
                </div>
            </div>
        </div>
                    <div class="card shadow-sm mb-3 border-0 overflow-hidden">
            <div class="card-body reveal reveal-delay-1 p-0">
                <div class="d-flex align-items-stretch">
                    <div class="flex-shrink-0" style="width:100px; min-height:90px;">
                                                    <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=Aadarsh+Pariksha+Kendra+Gaya"
                                   class="text-decoration-none text-primary fw-semibold">Aadarsh Pariksha Kendra Gaya</a>
                            </h5>
                            <div class="mt-1 mt-md-0">
                                                                <p class="text-muted small mb-0">
                                                                            <span style="color:#f5c518; font-size:16px;">★</span>
                                                                            <span style="color:#f5c518; font-size:16px;">★</span>
                                                                            <span style="color:#f5c518; font-size:16px;">★</span>
                                                                            <span style="color:#f5c518; font-size:16px;">☆</span>
                                                                            <span style="color:#f5c518; font-size:16px;">☆</span>
                                                                        <small class="text-muted">(3.7/5)</small>                                </p>
                            </div>
                        </div>
                        <p class="mb-0 text-muted small">
                            📍 Bihar School Examination Board, Regional Office, Near Haridas Seminary +2 School Campus, Near Sarkari Bus Stand, Gaya, Bihar (823001)<br>
                            🗺️ 6.73 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>Gaya 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([24.8315837, 84.95197258], 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([24.8315837, 84.95197258], {icon: mainIcon}).addTo(mapMultiple).bindPopup("<b>Maa Sarswati IT Solution</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 Ganesh Innovative","lat":24.820130070000001154539859271608293056488037109375,"lng":84.967601669999993418969097547233104705810546875,"id":47},{"name":"Aadarsh Pariksha Kendra Gaya","lat":24.786855169999999048968675197102129459381103515625,"lng":84.9968681900000007090056897141039371490478515625,"id":408}];
var bounds = [[24.8315837, 84.95197258]];
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="48">
    <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>