body{
margin:0;
font-family:'Noto Sans Devanagari',sans-serif;
background:#f5f7fa;
color:#333;
}

/* ================= BANNER ================= */

.banner{
width:100%;
height:300px;
overflow:hidden;
background:#eaeaea;
position:relative;
}

.banner img{
width:100%;
height:100%;
object-fit:contain;
display:block;
}

/* Banner text */

.banner-text{
position:absolute;
bottom:15px;
left:50%;
transform:translateX(-50%);
background:rgba(0,0,0,0.65);
color:white;
padding:10px 25px;
border-radius:8px;
text-align:center;
}

.banner-text h1{
margin:0;
font-size:26px;
}

.banner-text p{
margin:5px 0 0;
font-size:14px;
}

/* ================= STATS ================= */

.stats{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
gap:20px;
width:100%;
padding:30px;
box-sizing:border-box;
}

.card{
background:white;
padding:25px;
text-align:center;
border-radius:12px;
box-shadow:0 4px 10px rgba(0,0,0,.1);
}

.card h2{
margin:0;
color:#2e7d32;
font-size:28px;
}

.card p{
margin-top:8px;
}

/* ================= DETAILS ================= */

.details{
width:100%;
background:white;
margin:0;
padding:30px;
box-sizing:border-box;
box-shadow:0 4px 10px rgba(0,0,0,.1);
}

.details h2{
text-align:center;
color:#2e7d32;
margin-bottom:20px;
}

.details p{
margin:10px 0;
}

/* ================= MAP ================= */

.map-section{
width:100%;
padding:30px;
box-sizing:border-box;
text-align:center;
}

.map-section h2{
color:#2e7d32;
}

.map-section iframe{
width:100%;
height:350px;
border:0;
border-radius:12px;
margin-top:15px;
}

/* ================= FOOTER ================= */

footer{
background:#2e7d32;
color:white;
text-align:center;
padding:15px;
font-size:14px;
}

/* ================= MOBILE ================= */

@media(max-width:600px){

.banner{
height:220px;
}

.banner-text h1{
font-size:20px;
}

.stats{
padding:15px;
}

.details{
padding:20px;
}

.map-section{
padding:15px;
}

}