/* services.css */
body { font-family:'Poppins', sans-serif; margin:0; background:#f9f9f9; color:#111; }
header { display:flex; justify-content:space-between; align-items:center; padding:20px 50px; background:#111; color:white; position:sticky; top:0; z-index:1000; }
header .logo { font-weight:700; font-size:24px; }
header nav ul { list-style:none; display:flex; gap:20px; }
header nav ul li a { color:white; text-decoration:none; padding:5px 10px; }
header nav ul li a.active, header nav ul li a:hover { background:#2196F3; border-radius:5px; }

.services-hero { text-align:center; padding:80px 20px; background:#2196F3; color:white; }
.services-hero h1 { font-size:48px; margin-bottom:20px; }

.services-cards { display:grid; grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); gap:40px; padding:60px 50px; }
.card { background:white; padding:30px; border-radius:12px; box-shadow:0 6px 15px rgba(0,0,0,0.1); transition:0.3s; text-align:center; }
.card:hover { transform:translateY(-10px); }
.card img { width:60px; margin-bottom:20px; }

footer { background:#111; color:white; text-align:center; padding:30px; margin-top:50px; }