body { font-family: Arial, sans-serif; margin: 0; padding: 0; background: #f9f9f9; }
    header, nav, section, footer { padding: 20px; }
    header { background-color: #003366; color: white; text-align: center; }
    nav { background-color: #005588; text-align: center; }
    nav a { margin: 0 15px; color: white; text-decoration: none; font-weight: bold; }
    section { margin-bottom: 40px; }
    h2 { color: #003366; margin-top: 0; }
    .card-container { display: flex; flex-wrap: wrap; gap: 22px; }
    .card { background: white; box-shadow: 0 2px 8px rgba(0,0,0,0.1); border-radius: 8px; padding: 16px; width: calc(33.333% - 20px); box-sizing: border-box; }
    .card img { width: 100%; height: auto; border-radius: 4px; }
    .card h3 { margin: 10px 0 5px; font-size: 18px; color: #005588; }
    .card p { font-size: 15px; color: #333; }
    .why-us { background: #e6f2ff; padding: 20px; border-radius: 8px; }
    footer { background: #003366; color: white; text-align: center; font-size: 15px; }
    @media (max-width: 900px) {
      .card { width: calc(50% - 20px); }
    }
    @media (max-width: 600px) {
      .card { width: 100%; }
    }