body{margin:0;font-family:Tahoma,Arial;background:#f5f5f5;color:#222}
.hero{height:80vh;background:url('images/img1.png') center/cover;position:relative}
.overlay{position:absolute;inset:0;background:rgba(0,0,0,.45);display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;text-align:center;padding:20px}
h1{font-size:48px} .btn{background:#25D366;color:#fff;padding:14px 28px;text-decoration:none;border-radius:8px}
.wrap{max-width:1100px;margin:auto;padding:50px 20px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}
.card{background:#fff;padding:20px;border-radius:10px;box-shadow:0 2px 8px rgba(0,0,0,.1)}
.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px}
.gallery img{width:100%;height:240px;object-fit:cover;border-radius:10px}
.cta{text-align:center;background:#0b66c3;color:#fff;padding:60px 20px}
footer{text-align:center;padding:25px;background:#111;color:#fff}footer a{color:#fff}
@media(max-width:700px){h1{font-size:34px}.hero{height:60vh}}