* { margin:0; padding:0; box-sizing:border-box; font-family: 'Arial', sans-serif; }
  body { line-height:1.6; background:#f9f9f9; color:#222; }
  h1,h2,h3 { margin-bottom:0.5em; color:#163645; }
  a { text-decoration:none; color:inherit; }

  .navbar { display:flex; justify-content:space-between; align-items:center; padding:1rem 2rem; background:#fff; box-shadow:0 2px 6px rgba(0,0,0,0.1); position:sticky; top:0; z-index:100; }
  .navbar .logo img { height:50px; }
  #nav-links { list-style:none; display:flex; gap:1.5rem; }
  #nav-links li a { font-weight:600; color:#507090; transition:0.3s; }
  #nav-links li a:hover { color:#004a99; }
  .hamburger { display:none; flex-direction:column; cursor:pointer; gap:5px; }
  .hamburger span { width:25px; height:3px; background:#333; }

  .hero { background:#1e3a8a; color:#fff; text-align:center; padding:5rem 1rem; }
  .hero h1 { font-size:3rem; margin-bottom:1rem; color:#00aeff;}
  .hero p { font-size:1.3rem; margin-bottom:2rem; }
  .btn-hero { background:#d88e00; color:#163645; padding:1rem 2rem; border-radius:10px; font-weight:700; transition:0.3s; display:inline-flex; align-items:center; gap:0.5rem; }
  .btn-hero:hover { background:#ffcc00; }

  .content-section { padding:2rem 1rem; max-width:1100px; margin:0 auto; }
  .alt-bg { background:#f0f4f8; border-radius:12px; margin-bottom:2rem; padding:2rem 1rem; }
  .card-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); gap:1.5rem; margin-top:2rem; }
  .card { background:#fff; padding:2rem; border-radius:12px; box-shadow:0 4px 12px rgba(0,0,0,0.08); transition:0.3s; }
  .card:hover { transform:translateY(-5px); box-shadow:0 6px 16px rgba(0,0,0,0.12); }

  .btn { display:inline-flex; align-items:center; gap:0.5rem; margin-top:1rem; background:#1e3a8a; color:#fff; padding:0.8rem 1.5rem; border-radius:8px; font-weight:600; transition:0.3s; }
  .btn:hover { background:#0051a2; }
  .btn i { font-size:1.2rem; }

hr.style-four {
    height: 12px;
    border: 0;
    box-shadow: inset 0 12px 12px -12px rgba(0, 0, 0, 0.5);
}

.top-banner { 
  background: rgb(240, 253, 255); 
  color: #333; 
  text-align: center; 
  padding: 0.5rem; 
  font-size: 1rem; 
} 

.top-banner u { 
  text-decoration: underline; 
} 

  footer { text-align:center; padding:3rem 2rem; background:#081d5a; color:#fff; border-top:4px solid #d88e00; }
  footer nav a { color:#d88e00; margin:0 0.5rem; }

  @media(max-width:768px){
    #nav-links { display:none; flex-direction:column; background:#fff; position:absolute; top:70px; right:0; width:200px; padding:1rem; box-shadow:0 2px 6px rgba(0,0,0,0.15); }
    #nav-links.show { display:flex; }
    .hamburger { display:flex; }
    .card-grid { grid-template-columns:1fr; }
    .hero h1 { font-size:2.2rem; }
    .hero p { font-size:1rem; }
  }