<?php include 'header.php';?>

<style>
    .gs-stats-section{
    background:#242544;
    padding:70px 20px;
}

.gs-counter-row{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-top: 0px;
}

.gs-counter-box{
    flex:1;
    text-align:center;
    color:#fff;
    position:relative;
    background: #242544;
}

.gs-counter-box:not(:last-child)::after{
    content:'';
    position:absolute;
    right:0;
    top:50%;
    transform:translateY(-50%);
    width:1px;
    height:70px;
    background: #fff;
}

.gs-counter-box h3{
    display:inline-block;
    font-size:62px;
    font-weight:500;
    margin:0;
    line-height:1;
    color: #fff!important;
}

.gs-counter-box span{
    font-size:50px;
    font-weight:700;
    margin-left:3px;
    color:#fff;
}

.gs-counter-box p{
    margin-top:12px;
    font-size:24px;
    font-weight:500;
}

@media(max-width:768px){

.gs-counter-row{
    flex-wrap:wrap;
}

.gs-counter-box{
    width:50%;
    flex:unset;
    margin-bottom:35px;
}

.gs-counter-box:nth-child(even)::after{
    display:none;
}

.gs-counter-box h3{
    font-size:42px;
}

.gs-counter-box span{
    font-size:34px;
}

.gs-counter-box p{
    font-size:18px;
}

}

@media(max-width:480px){

.gs-counter-box{
    width:100%;
}

.gs-counter-box::after{
    display:none;
}

}

.gs-mission-section{
    padding:70px 0px;
}

.gs-mission-wrapper{
    max-width:1200px;
    margin:auto;
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:35px;
}

.gs-info-card{
    background:#fff;
    padding:45px;
    border-radius: 10px;
    box-shadow:0 10px 30px rgba(0,0,0,.05);
    border:1px solid #dcebe5;
    transition:.3s;
}

.gs-info-card:hover{
    transform:translateY(-5px);
}

.gs-icon-box{
    width:55px;
    height:55px;
    border-radius: 10px;
    background:#242544;
    display:flex;
    justify-content:center;
    align-items:center;
    margin-bottom:25px;
}

.gs-icon-box i{
    color:#fff;
    font-size: 24px;
}

.gs-info-card h2{
    margin-bottom:18px;
}

.gs-info-card p{
    /*font-size:22px;*/
    /*line-height:1.8;*/
    /*color:#495057;*/
}

@media(max-width:768px){

.gs-mission-wrapper{
    grid-template-columns:1fr;
}

.gs-info-card{
    padding:30px;
}

.gs-info-card h2{
    font-size:30px;
}

.gs-info-card p{
    font-size:18px;
}

}
.gs-choose-section {
    padding: 0px 0px 100px;
}
</style>

<section class="cardio-hero">
    <div class="container cardio-container">
        <div class="breadcrumb">
            <a href="#">Home</a>
            <span>/</span>
            <span>About Us</span>
        </div>

        <div class="section-tag">
            <span class="line"></span>
            <span>ABOUT THE Hospital</span>
        </div>

        <h1>GS Super Speciality Hospital</h1>

        <p class="hero-desc"> Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since 1966, when designers at Letraset and James Mosley.</p>

        <div class="hero-buttons">
            <a href="#" class="btn btn-light">
                Book Appointment
            </a>
        </div>

    </div>
</section>


<section class="gs-about-sec">
<div class="container">
    <div class="gs-about-wrap">

        <!-- LEFT -->
        <div class="gs-about-left">

            <div class="gs-years-box">
                <h2>15+</h2>
                <span>Years of care</span>
            </div>

            <div class="gs-heart-icon">
                <!--<img src="https://htiwebs.com/gsuniversity/assets/img/home/Speciality-img.png" alt="">-->
            </div>

        </div>


        <!-- RIGHT -->
        <div class="gs-about-right">

            <div class="gs-about-tag">
                ABOUT
            </div>

            <h2 class="gs-about-title">
                GS Super Speciality Hospital
            </h2>

            <p class="gs-about-desc">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since 1966, when designers at Letraset and James Mosley, the librarian at St Bride Printing Library in London, took a 1914 Cicero translation and scrambled it to make dummy text for Letraset's Body Type sheets. </p>


            <!-- Points -->

            <div class="gs-about-list">

                <div class="gs-list-item">
                    <span>✓</span>
                    <p>80+ acute & emergency beds including ICU, NICU and PICU</p>
                </div>

                <div class="gs-list-item">
                    <span>✓</span>
                    <p>Dedicated Mother & Child Care unit</p>
                </div>

                <div class="gs-list-item">
                    <span>✓</span>
                    <p>NABH accredited with senior super-specialist consultants</p>
                </div>
                
                <div class="gs-list-item">
                    <span>✓</span>
                    <p>80+ acute & emergency beds including ICU, NICU and PICU</p>
                </div>

                <div class="gs-list-item">
                    <span>✓</span>
                    <p>Dedicated Mother & Child Care unit</p>
                </div>

                <div class="gs-list-item">
                    <span>✓</span>
                    <p>NABH accredited with senior super-specialist consultants</p>
                </div>

            </div>

        </div>

    </div>
</div>
</section>



<section class="gs-stats-section">
<div class="container">
    <div class="gs-counter-row">

        <div class="gs-counter-box">
    <h3 class="gs-counter-number" data-count="15" data-suffix="+">0+</h3>
    <p>Years of Experience</p>
</div>

<div class="gs-counter-box">
    <h3 class="gs-counter-number" data-count="30" data-suffix="k+">0k+</h3>
    <p>Happy Patients</p>
</div>

<div class="gs-counter-box">
    <h3 class="gs-counter-number" data-count="300" data-suffix="+">0+</h3>
    <p>Qualified Doctors</p>
</div>

<div class="gs-counter-box">
    <h3 class="gs-counter-number" data-count="1100" data-suffix="+">0+</h3>
    <p>Hospital Beds</p>
</div>

    </div>
</div>
</section>


<section class="gs-mission-section">
<div class="container">
    <div class="gs-mission-wrapper">

        <div class="gs-info-card">
            <div class="gs-icon-box">
                <i class="fa-solid fa-bullseye"></i>
            </div>

            <h2>Our Mission</h2>

            <p>
                To provide accessible, high-quality and affordable healthcare to
                every patient — combining advanced medical technology with
                genuine human compassion.
            </p>
        </div>

        <div class="gs-info-card">

            <div class="gs-icon-box">
                <i class="fa-solid fa-eye"></i>
            </div>

            <h2>Our Vision</h2>

            <p>
                To be the most trusted multi-speciality hospital in Western UP
                and Delhi NCR — known for clinical excellence, ethical care and
                patient-first values.
            </p>

        </div>

    </div>
</div>
</section>


<section class="gs-choose-section">
    <div class="container">
        <div class="gs-small-heading">  INFRASTRUCTURE </div>
        <h2 class="gs-main-heading"> Facilities & capabilities </h2>
        
        <div class="gs-mission-wrapper infrastu">

        <div class="gs-info-card infra_card">
            <div class="gs-icon-box">
                <i class="fa-solid fa-eye"></i>
            </div>

            <h2>ICU / NICU / PICU</h2>

            <p> Critical care for adults, newborns and children. </p>
        </div>

        <div class="gs-info-card infra_card">

            <div class="gs-icon-box">
                <i class="fa-solid fa-eye"></i>
            </div>

            <h2>Modular OT</h2>

            <p>Sterile, technology-equipped operating theatres. </p>

        </div>
        
        <div class="gs-info-card infra_card">

            <div class="gs-icon-box">
                <i class="fa-solid fa-eye"></i>
            </div>

            <h2>Blood Bank </h2>

            <p>Reliable, screened blood availability 24×7. </p>

        </div>
        
        <div class="gs-info-card infra_card">

            <div class="gs-icon-box">
                <i class="fa-solid fa-eye"></i>
            </div>

            <h2>CT Scan & X-Ray</h2>

            <p>Advanced imaging for fast, accurate diagnosis.</p>

        </div>

    </div>
    </div>
</section>


<section class="gs-choose-section">
    <div class="container">
        <div class="gs-small-heading"> AWARDS & ACCREDITATION </div>
        <h2 class="gs-main-heading"> Recognised for trusted care  </h2>
        

    <div class="gs-awards-grid">

        <div class="gs-award-card">

            <div class="gs-award-icon">
                <i class="fa-solid fa-shield-halved"></i>
                <span>★</span>
            </div>

            <h3>NABH Accredited</h3>
            <p>National quality & safety standard</p>

        </div>

        <div class="gs-award-card">

            <div class="gs-award-icon">
                <i class="fa-solid fa-graduation-cap"></i>
                <span>★</span>
            </div>

            <h3>NMC Recognised</h3>
            <p>Approved teaching hospital</p>

        </div>

        <div class="gs-award-card">

            <div class="gs-award-icon">
                <i class="fa-solid fa-shield-halved"></i>
                <span>★</span>
            </div>

            <h3>NABH Accredited</h3>
            <p>National quality & safety standard</p>

        </div>

        <div class="gs-award-card">

            <div class="gs-award-icon">
                <i class="fa-solid fa-graduation-cap"></i>
                <span>★</span>
            </div>

            <h3>NMC Recognised</h3>
            <p>Approved teaching hospital</p>

        </div>

    </div>

    </div>
    
</section>

<?php include 'footer.php';?>

