body{margin:0;font-family:Arial,sans-serif;}
.navbar{display:flex;justify-content:space-between;padding:20px 6%;background:#fff;position:sticky;top:0}
.logo img{height:90px}
.navbar ul{display:flex;gap:20px;list-style:none}
.navbar a{text-decoration:none;color:#0A3D91}
.hero{height:100vh;background:url('../images/hero.jpg') center/cover;position:relative;display:flex;align-items:center;justify-content:center}
.overlay{position:absolute;inset:0;background:rgba(0,30,80,.45)}
.hero-content{position:relative;color:white;text-align:center}
.hero-content h1{
font-size:6rem;
font-weight:900;
line-height:1;
letter-spacing:-3px;
text-transform:uppercase;
color:white;
text-shadow:0 5px 25px rgba(0,0,0,.35);
margin-bottom:20px;
}
@media(max-width:768px){

.hero-content h1{
font-size:3rem;
}

}
..hero-motto{
color:white;
font-size:2.2rem;
font-weight:700;
}

.hero-motto span{
color:#D4AF37;
}
.btn{background:#2E7D32;color:white;padding:14px 24px;border-radius:25px;text-decoration:none}

/* ===== STATS SECTION (beautified, centered) ===== */
.stats{
display:flex;
justify-content:center;
align-items:center;
flex-wrap:wrap;
gap:50px;
padding:50px 6%;
background:#f5f7fa;
text-align:center;
}
.stats > div{
background:#fff;
padding:30px 45px;
border-radius:18px;
box-shadow:0 6px 20px rgba(10,61,145,.10);
min-width:200px;
border:1px solid #e6ebf3;
transition:.3s;
}
.stats > div:hover{
transform:translateY(-4px);
box-shadow:0 10px 26px rgba(10,61,145,.16);
}
.stats h3{
font-size:2.6rem;
color:#0A3D91;
margin:0 0 8px;
font-weight:900;
letter-spacing:-1px;
}
.stats p{
margin:0;
color:#555;
font-size:0.95rem;
font-weight:600;
text-transform:uppercase;
letter-spacing:.5px;
}

.section{padding:70px 8%;text-align:center}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}
.facility{
padding:100px 8%;
background:#f8f9fc;
text-align:center;
}

.facility h2{
font-size:4rem;
color:#0A3D91;
margin-bottom:20px;
font-weight:800;
}

.facility-subtitle{
max-width:900px;
margin:auto;
font-size:1.15rem;
color:#555;
margin-bottom:50px;
}

.facility-gallery{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:30px;
}

.facility-gallery img{
width:100%;
height:550px;
object-fit:cover;
border-radius:30px;
transition:.4s;
box-shadow:0 10px 30px rgba(0,0,0,.15);
}

.facility-gallery img:hover{
transform:translateY(-10px);
}
.card{box-shadow:0 2px 10px rgba(0,0,0,.15);padding-bottom:20px}
.card img{width:100%;height:220px;object-fit:cover}
.green{background:#eef8ee}
footer{background:#05245E;color:white;padding:25px;text-align:center}

/* ===== LOCATION / GET DIRECTIONS BUTTON (beautified) ===== */
.location-buttons{
text-align:center;
margin-top:30px;
}
.location-btn{
display:inline-flex;
align-items:center;
gap:10px;
background:#0A3D91;
color:#ffffff !important;
padding:14px 32px;
border-radius:30px;
text-decoration:none !important;
font-weight:700;
font-size:1.05rem;
box-shadow:0 6px 18px rgba(10,61,145,.30);
transition:.25s ease;
border:none;
}
.location-btn:hover{
background:#05245E;
transform:translateY(-3px);
box-shadow:0 10px 22px rgba(10,61,145,.40);
}
.location-btn:active{
transform:translateY(0);
}