body {margin:0;font-family:'Inter', sans-serif;background-color:#f5f5f5;color:#0a1e3c;}
a {text-decoration:none;color:inherit;}
header {background-color:#0a1e3c;padding:10px 20px;display:flex;align-items:center;justify-content:space-between;}
.logo img {height:40px;}
nav {display:flex;align-items:center;width:100%;}
.nav-links {list-style:none;display:flex;margin-left:40px;flex-grow:1;}
.nav-links li {margin-right:20px;}
.nav-links li a {color:#ffffff;font-weight:500;transition:color 0.3s ease;}
.nav-links li a:hover {color:#ffa500;}
.nav-buttons .btn {display:inline-block;padding:10px 20px;margin-left:10px;border-radius:4px;font-weight:600;}
.btn.primary {background-color:#ffa500;color:#0a1e3c;}
.btn.secondary {background-color:#ffffff;color:#0a1e3c;border:2px solid #ffa500;}
.hero {background-image:url('hero.png');background-size:cover;background-position:center;color:#ffffff;text-align:center;padding:120px 20px;}
.hero h1 {font-size:48px;margin-bottom:20px;}
.hero p {font-size:20px;margin-bottom:30px;}
.section {padding:60px 20px;max-width:1000px;margin:0 auto;}
.section h2 {font-size:32px;margin-bottom:20px;color:#0a1e3c;}
.cards {display:flex;flex-wrap:wrap;gap:20px;}
.card {background-color:#ffffff;box-shadow:0 2px 4px rgba(0,0,0,0.1);border-radius:8px;flex:1 1 calc(50% - 20px);padding:20px;}
.card h3 {margin-top:0;margin-bottom:10px;color:#0a1e3c;}

/* Image gallery styles for the About page */
.image-gallery {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 20px;
  margin-top: 20px;
}

.image-gallery img {
  width: 30%;
  min-width: 200px;
  border-radius: 8px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
}
.footer {background-color:#0a1e3c;color:#ffffff;padding:40px 20px;}
.footer .footer-content {display:flex;flex-wrap:wrap;gap:20px;max-width:1000px;margin:0 auto;}
.footer .logo {flex:1 1 200px;}
.footer .links {flex:1 1 200px;}
.footer .contact {flex:1 1 200px;}
.footer h4 {margin-bottom:10px;}
.footer a {color:#ffa500;}
.form-section form {display:flex;flex-direction:column;gap:10px;}
.form-section label {font-weight:600;}
.form-section input,.form-section textarea,.form-section select {padding:10px;border:1px solid #ccc;border-radius:4px;}
.form-section button {padding:10px 20px;background-color:#0a1e3c;color:#ffffff;border:none;border-radius:4px;font-weight:600;cursor:pointer;}
.form-section button:hover {background-color:#ffa500;color:#0a1e3c;}
@media (max-width:768px) {.cards {flex-direction:column;}.nav-links {display:none;}.nav-buttons {display:none;}}