/* Reset */
* { margin:0; padding:0; box-sizing:border-box; }
body { font-family:Arial, sans-serif; line-height:1.6; color:#333; }

/* Navbar */
header { background:#006699; color:#fff; padding:15px 0; position:sticky; top:0; z-index:1000; }
header .container { display:flex; justify-content:space-between; align-items:center; width:90%; margin:auto; }
header nav a { color:#fff; margin-left:20px; text-decoration:none; }
header nav a:hover { text-decoration:underline; }

/* Hero */
.hero { background:url('clinic-hero.jpg') center/cover no-repeat; height:80vh; display:flex; align-items:center; text-align:center; color:#fff; }
.hero-content { width:100%; background:rgba(0,0,0,0.5); padding:20px; }
.hero h2 { font-size:2.5rem; margin-bottom:10px; }
.hero p { margin-bottom:20px; }
.btn { background:#ff9933; color:#fff; padding:10px 20px; border:none; text-decoration:none; border-radius:5px; }
.btn:hover { background:#cc7a29; }

/* Sections */
.section { padding:50px 0; }
.section h2 { text-align:center; margin-bottom:20px; color:#006699; }
.container { width:90%; margin:auto; }
.bg-light { background:#f9f9f9; }

/* Grid */
.grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:20px; }
.card { background:#fff; padding:20px; border-radius:8px; box-shadow:0 2px 5px rgba(0,0,0,0.1); text-align:center; }
.card img { width:100%; border-radius:50%; margin-bottom:10px; }

/* Contact form */
.contact-form input, .contact-form textarea { width:100%; padding:10px; margin:10px 0; border:1px solid #ccc; border-radius:5px; }
.contact-form button { width:100%; }

/* Footer */
footer { background:#006699; color:#fff; text-align:center; padding:15px; }