body{
font-family: Arial;
background:#f7fbff;
}

/* HERO */

.hero-section{
padding:120px 0;
background:linear-gradient(120deg,#007bff,#0056b3);
color:white;
}

.hero-title{
font-size:42px;
font-weight:700;
}

.hospital-img{
animation:float 4s ease-in-out infinite;
}

@keyframes float{
0%,100%{transform:translateY(0);}
50%{transform:translateY(-15px);}
}

/* SECTIONS */

.section{
padding:80px 0;
}

/* QUICK INFO */

.quick-info{
padding:60px 0;
background:#f8f9fa;
}

.info-card{
background:white;
padding:30px;
border-radius:10px;
box-shadow:0 6px 20px rgba(0,0,0,0.08);
transition:.3s;
}

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

.icon{
font-size:30px;
color:#007bff;
margin-bottom:10px;
}

/* COUNTER */

.counter-section{
background:#007bff;
color:white;
padding:60px 0;
}

/* SERVICES */

.service-card{
padding:25px;
border:none;
box-shadow:0 6px 20px rgba(0,0,0,0.08);
transition:.3s;
}

.service-card:hover{
transform:translateY(-10px);
}

.service-icon{
font-size:35px;
color:#007bff;
margin-bottom:15px;
}

/* FACILITIES */

.facility{
background:#f5f8ff;
padding:20px;
border-radius:8px;
text-align:center;
font-weight:500;
transition:.3s;
}

.facility:hover{
background:#007bff;
color:white;
}

/* EMERGENCY */

.emergency-banner{
background:#dc3545;
color:white;
padding:60px 0;
}

.pulse{
animation:pulse 1.5s infinite;
}

@keyframes pulse{
0%{transform:scale(1);}
50%{transform:scale(1.1);}
100%{transform:scale(1);}
}

/* GALLERY */

.gallery-img img{
transition:.4s;
}

.gallery-img:hover img{
transform:scale(1.1);
}

/* ABOUT PAGE */

.hero-about{
padding:100px 0;
background:linear-gradient(120deg,#f0f7ff,#ffffff);
text-align:center;
}

/* CONTACT PAGE */

.hero-contact{
padding:100px 0;
background:linear-gradient(120deg,#eef6ff,#ffffff);
text-align:center;
}

.map-container iframe{
border-radius:10px;
}

/* FOOTER */

.footer{
background:#0d6efd;
color:white;
padding:20px;
margin-top:50px;
}