@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@700&display=swap');
:root{--blue:#12355B;--teal:#1d4f7a;--accent:#6BA539;--bg:#f4f7fb;--muted:#f0f4f8}
*{box-sizing:border-box}
body{margin:0;font-family:Inter,Arial,sans-serif;background:var(--bg);color:#222}
.container{width:min(1100px,92%);margin:0 auto}
.site-header{background:var(--blue);color:#fff;position:sticky;top:0;z-index:40}
.site-header .container{display:flex;align-items:center;justify-content:space-between;padding:14px 0}
.brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none}
.logo{width:72px;height:72px}
.brand span{font-family:'Dancing Script',cursive;font-weight:700;letter-spacing:1px}
.main-nav a{color:#fff;text-decoration:none;margin-left:18px;font-weight:600}
.hero{background:linear-gradient(rgba(29,79,122,0.65),rgba(18,53,91,0.65)), url('../images/community1.jpg');background-size:cover;background-position:center;color:#fff;padding:80px 0;text-align:center}
.hero h1{margin:0 0 12px;font-size:28px;max-width:900px;margin-left:auto;margin-right:auto}
.btn{background:var(--accent);color:#fff;padding:12px 20px;border-radius:8px;text-decoration:none;display:inline-block}
.overview{padding:48px 0}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin-top:18px}
.service-card{background:#fff;padding:18px;border-radius:10px;box-shadow:0 6px 18px rgba(16,35,49,0.06);display:flex;gap:12px;align-items:flex-start}
.service-card img{width:64px;height:64px;flex:0 0 64px}
.service-card h3{margin:0 0 8px}
.site-footer{background:#0f2233;color:#fff;padding:18px 0;margin-top:40px}
.site-footer .container{display:flex;justify-content:space-between;gap:12px}
.phones{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin:14px 0}
.contact-form{max-width:640px}
.contact-form label{display:block;margin:10px 0}
.contact-form input,.contact-form textarea{width:100%;padding:10px;border:1px solid #d7e2ea;border-radius:6px}
button{background:var(--blue);color:#fff;border:none;padding:10px 16px;border-radius:6px}

@media(max-width:700px){
  .site-header .container{flex-direction:column;align-items:flex-start;gap:12px}
  .main-nav{width:100%;display:flex;flex-wrap:wrap}
  .main-nav a{margin:6px 12px 6px 0}
  .hero{padding:48px 12px}
}

/* Page banner for internal pages */
.page-banner{background-image:url('../images/banner.jpg');background-size:cover;background-position:center;height:220px}
.page-banner.overlay{background:linear-gradient(rgba(29,79,122,0.45),rgba(18,53,91,0.45)),url('../images/banner.jpg');background-size:cover;background-position:center}
.page-banner.services-banner.overlay{background:linear-gradient(rgba(29,79,122,0.45),rgba(18,53,91,0.45)),url('../images/services_bg.jpg');background-size:cover;background-position:center}
.page-banner.referrals-banner.overlay{background:linear-gradient(rgba(29,79,122,0.45),rgba(18,53,91,0.45)),url('../images/referrals_bg.jpg');background-size:cover;background-position:center}
.page-banner.careers-banner.overlay{background:linear-gradient(rgba(29,79,122,0.45),rgba(18,53,91,0.45)),url('../images/careers_bg.jpg');background-size:cover;background-position:center}
.page-banner.contact-banner.overlay{background:linear-gradient(rgba(29,79,122,0.45),rgba(18,53,91,0.45)),url('../images/contact_bg.jpg');background-size:cover;background-position:center}