body { margin:0; font-family: Arial, sans-serif; background:#f4f9ff; color:#222; }
header { background:#0077b6; color:white; text-align:center; padding:2rem 1rem; }
nav { background:#023e8a; text-align:center; padding:1rem; }
nav a { color:white; margin:0 15px; text-decoration:none; font-weight:bold; }
.section { padding:3rem 2rem; max-width:1100px; margin:auto; }
.services { display:flex; flex-wrap:wrap; gap:20px; justify-content:center; }
.service-card { background:white; border-radius:10px; box-shadow:0 2px 8px rgba(0,0,0,0.1); padding:20px; width:300px; text-align:center; }
.service-card img { width:100%; border-radius:10px; margin-bottom:15px; }
footer { background:#03045e; color:white; text-align:center; padding:2rem 1rem; }
/* Three image containers (use 25% for four, and 50% for two, etc) */
.column {
  float: left;
  width: 33.33%;
  padding: 5px;
}

/* Clear floats after image containers */
.row::after {
  content: "";
  clear: both;
  display: table;
}
.row {
  display: flex;
}

.column {
  flex: 33.33%;
  padding: 5px;
}