* { margin:0; padding:0; }
body { font-family: Arial, sans-serif; background:#f4f4f4; color:#333; line-height:1.6; }
#wrapper { width:960px; margin:0 auto; background:#fff; box-shadow:0 0 10px rgba(0,0,0,0.1); }

#header { background:#003366; color:#fff; padding:15px; text-align:center; position:relative; }
#logo { height:60px; }
#contact-bar { position:absolute; top:10px; right:15px; font-size:14px; }

#nav { background:#0055A5; padding:10px; text-align:center; }
#nav a { color:#fff; margin:0 15px; text-decoration:none; font-weight:bold; }
#nav a:hover { text-decoration:underline; }

#hero { position:relative; }
#hero img { width:100%; height:auto; }
.hero-text { position:absolute; top:30%; left:10%; color:#fff; text-shadow:2px 2px 4px #000; }
.hero-text h1 { font-size:36px; }
.btn { background:#FF6600; color:#fff; padding:10px 20px; text-decoration:none; border-radius:5px; display:inline-block; margin-top:15px; }

#content { padding:30px; }
.services-preview { display:flex; justify-content:space-between; margin-top:30px; }
.service-box { flex:1; margin:0 10px; text-align:center; }
.service-box img { width:100%; height:120px; object-fit:cover; border-radius:8px; }

.success { background:#d4edda; color:#155724; padding:15px; border-radius:5px; margin-bottom:20px; }

form label { font-weight:bold; }
form input, form textarea { width:100%; padding:8px; margin-bottom:10px; border:1px solid #ccc; border-radius:4px; }
form input[type=submit] { width:auto; }

.contact-info { margin-top:30px; padding:15px; background:#f8f9fa; border-left:4px solid #0055A5; }

#footer { background:#003366; color:#fff; text-align:center; padding:15px; font-size:12px; }
#footer a { color:#ffcc80; }