body { font-family: Arial, sans-serif; margin:0; padding:0; background:#fff; color:#333; }
header { background:#0052cc; color:#fff; padding:10px 20px; }
nav { display:flex; justify-content:space-between; align-items:center; }
nav ul { list-style:none; display:flex; gap:20px; margin:0; padding:0; }
nav ul li a { color:#fff; text-decoration:none; font-weight:bold; }
.hero { text-align:center; padding:50px 20px; background:#f5f5f5; }
.hero h1 { font-size:2.5em; margin-bottom:10px; }
.hero p { font-size:1.2em; }
.hero .btn { background:#ffb400; color:#000; padding:10px 20px; text-decoration:none; border-radius:5px; }
.services-grid { display:grid; grid-template-columns:repeat(auto-fit, minmax(200px,1fr)); gap:15px; padding:20px; }
.card { background:#fff; border:1px solid #ddd; border-radius:8px; padding:15px; text-align:center; box-shadow:0 2px 5px rgba(0,0,0,0.1); }
.contact-form { padding:20px; text-align:center; }
.contact-form form { max-width:400px; margin:0 auto; display:flex; flex-direction:column; gap:10px; }
.contact-form input, .contact-form textarea { padding:10px; border:1px solid #ccc; border-radius:4px; }
.contact-form button { background:#0052cc; color:#fff; border:none; padding:10px; cursor:pointer; border-radius:4px; }
footer { background:#0052cc; color:#fff; text-align:center; padding:10px; margin-top:20px; }
/* Logo visibility enhancement */
.logo img { filter: drop-shadow(0px 0px 4px #ffffff); }

/* Enhanced logo visibility styling */
.logo img {
  height: 50px;
  background: rgba(255, 255, 255, 0.8);
  border-radius: 8px;
  padding: 4px 6px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}