:root{--brand:#0f7a42;--radius:12px;--shadow:0 6px 24px rgba(0,0,0,.08)}
*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Arial;line-height:1.6;color:#333;background:#fafafa}
header,footer{background:#fff;box-shadow:0 1px 6px rgba(0,0,0,.08)}
nav{max-width:1100px;margin:0 auto;padding:.8rem 1rem;display:flex;gap:1rem;align-items:center}
nav a{color:#0f7a42;font-weight:600;text-decoration:none}
main{max-width:1100px;margin:0 auto;padding:1rem}
h1,h2{color:#0f7a42}
.cards{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.card{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);padding:1rem}
.cta{display:inline-block;margin-top:.6rem;background:#0f7a42;color:#fff;padding:.6rem .9rem;border-radius:10px;text-decoration:none}
.contact-box{background:#fff3e0;padding:1rem;border-radius:var(--radius);box-shadow:var(--shadow);margin:2rem 0;font-size:1.05rem}
footer{padding:1rem;text-align:center;margin-top:2rem}

/* Slider (initial layout + fix to resize images) */
.hero{margin:1rem 0}
.slider {
  width: 100%;
  max-height: 80vh;   /* limit so it doesn’t dominate small screens */
  overflow: hidden;
  background: #000;
}
.slides {
  display: flex;
  transition: transform .6s ease;
}
.slides img {
  width: 100%;
  height: auto;           /* keep original aspect ratio */
  flex-shrink: 0;
  object-fit: scale-down; /* auto-resize within container */
  object-position: center center;
}
.slider button{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,.4);color:#fff;border:none;font-size:2rem;padding:0 .5rem;border-radius:6px;cursor:pointer}
.slider .prev{left:10px}.slider .next{right:10px}
.slider .dots{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);display:flex;gap:6px}
.slider .dots button{width:10px;height:10px;border-radius:50%;border:none;background:#ddd;cursor:pointer}
.slider .dots button.active{background:var(--brand)}