body{margin:0;font-family:Arial,sans-serif}.top{background:#003f7f;color:#fff;padding:8px;text-align:center}
header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px}.logo{height:60px}.cta,.orange,.blue{background:#f26522;color:#fff;padding:12px 16px;border-radius:8px}
.hero{height:80vh;background:url('img/hero.jpg') center/cover}.overlay{height:100%;background:rgba(0,0,0,.5);display:flex;align-items:center}
.content{padding:24px;color:#fff;max-width:700px}h1{font-size:34px}.btns{display:flex;gap:10px;flex-wrap:wrap}.blue{background:#005baa}
.services,.gallery,.contact{padding:30px 20px}h2{text-align:center;color:#005baa}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:15px}
.card,img{border-radius:10px}.card img,.gallery img{width:100%;height:220px;object-fit:cover}.card h3{text-align:center}
.contact{text-align:center;background:#f5f5f5}.wa{position:fixed;right:15px;bottom:15px;background:#25D366;color:#fff;padding:12px 16px;border-radius:25px;text-decoration:none}
.card img,.gallery img{object-fit:cover;object-position:center center;}

.card img,.gallery img{
object-fit:cover !important;
object-position:center center !important;
width:100%;
height:260px;
display:block;
}

.top{line-height:1.5!important}
.blue{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
min-width:220px!important;
font-weight:bold!important;
}
