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

header { background:#004080; color:#fff; padding:10px 0; }
header nav { display:flex; justify-content:space-between; align-items:center; width:90%; margin:0 auto; }
header nav ul { list-style:none; display:flex; gap:15px; }
header nav ul li a { color:#fff; text-decoration:none; }

.hero { text-align:center; padding:50px 20px; background:#e6f0ff; }
.hero h2 { font-size:2em; margin-bottom:10px; }
.hero p { margin-bottom:20px; }
.btn { display:inline-block; padding:10px 20px; background:#004080; color:#fff; text-decoration:none; border-radius:5px; }

section { padding:40px 20px; width:90%; margin:0 auto; }
.service-cards, .project-cards { display:flex; flex-wrap:wrap; gap:20px; justify-content:center; margin-top:20px; }
.card { background:#f4f4f4; padding:20px; border-radius:5px; width:250px; text-align:center; }

form { display:flex; flex-direction:column; gap:15px; max-width:400px; margin:20px auto; }
form input, form textarea { padding:10px; border:1px solid #ccc; border-radius:5px; width:100%; }
form button { padding:10px; background:#004080; color:#fff; border:none; border-radius:5px; cursor:pointer; }

footer { text-align:center; padding:20px; background:#004080; color:#fff; margin-top:40px; }
@media(max-width:768px){ .service-cards, .project-cards { flex-direction:column; align-items:center; } }