/* Colors */
:root{
  --green:#2e4f2e;        /* middle brand bar */
  --grey:#e9ecef;         /* top + bottom bars */
  --text:#222;
  --white:#fff;
}

/* Base */
*{box-sizing:border-box}
body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--text);background:#f5f5f5}
a{color:inherit;text-decoration:none}

/* Sticky header wrapper */
.site-header{position:sticky;top:0;z-index:9999}

/* Top grey bar */
.topbar{background:var(--grey);font-size:14px}
.topbar-inner{max-width:1100px;margin:0 auto;padding:6px 12px;display:flex;flex-wrap:wrap;gap:14px;justify-content:center;align-items:center}
.top-item{display:inline-flex;align-items:center;gap:6px;opacity:.9}
.top-item:hover{opacity:1}
.divider{opacity:.5}
.icon{width:18px;height:18px;fill:currentColor}

/* Green brand bar */
.brandbar{background:var(--green);color:var(--white)}
.brandbar-inner{max-width:1100px;margin:0 auto;padding:14px 12px;display:flex;align-items:center;gap:16px;justify-content:space-between}
.logo{max-width:460px;width:100%;height:auto;display:block}
@media (max-width:640px){.logo{max-width:260px}}

/* Contact Us button */
.btn-cta{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.35);color:#fff;padding:10px 16px;border-radius:8px;font-weight:700}
.btn-cta:hover{background:rgba(255,255,255,.18)}

/* Bottom grey nav bar */
.mainnav{background:var(--grey);border-top:1px solid rgba(0,0,0,.06);border-bottom:1px solid rgba(0,0,0,.06)}
.navlist{max-width:1100px;margin:0 auto;list-style:none;display:flex;gap:18px;align-items:center;justify-content:center;padding:10px 12px}
.navlist>li>a{font-weight:700}
.navlist>li>a:hover{text-decoration:underline}

/* Services dropdown */
.has-dropdown{position:relative}
.dropdown{position:absolute;left:0;top:100%;min-width:220px;background:#fff;border:1px solid #ddd;border-radius:10px;box-shadow:0 6px 24px rgba(0,0,0,.08);padding:8px;display:none}
.has-dropdown:hover .dropdown{display:block}
.dropdown a{display:block;padding:10px 12px;border-radius:8px;white-space:nowrap}
.dropdown a:hover{background:#f6f6f6}

/* Page layout */
main,section{padding:40px 20px;text-align:center}
footer{background:var(--green);color:#fff;text-align:center;padding:20px;margin-top:20px}

/* Grids / images */
img.responsive{width:100%;height:auto}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}

/* Forms */
form input,form textarea{width:100%;max-width:520px;padding:10px;margin:0 auto 15px;display:block;border:1px solid #ddd;border-radius:6px;background:#fff}
form button{background:var(--green);color:#fff;border:none;padding:10px 20px;cursor:pointer;border-radius:6px}
form button:hover{filter:brightness(1.05)}
