@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700&display=swap');
body {
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  color: #444444;
  margin-top: 80px;
  line-height: 1.7;
  background: #ffffff;
}
a { text-decoration: none; color: #1C4E80; }
a:hover { color: #0D2F4F; text-decoration: none; }

/* Header */
#header {
  background: #fff;
  transition: all 0.5s;
  z-index: 997;
  padding: 15px 0;
  box-shadow: 0 2px 10px rgba(0,0,0,0.08);
}
#header.header-scrolled { padding: 10px 0; box-shadow: 0 2px 15px rgba(0,0,0,0.12); }
#header .logo { font-size: 24px; margin: 0; font-weight: 700; }
#header .logo a { color: #1C4E80; text-decoration: none; }

/* Navbar */
.navbar { padding: 0; }
.navbar ul { margin: 0; padding: 0; display: flex; list-style: none; align-items: center; }
.navbar li { position: relative; }
.navbar a { display: flex; align-items: center; padding: 10px 0 10px 25px; font-size: 15px; font-weight: 500; color: #444; white-space: nowrap; transition: 0.3s; }
.navbar a:hover, .navbar .active, .navbar li:hover > a { color: #1C4E80; }
.navbar .getstarted { background: #1C4E80; padding: 8px 20px; margin-left: 25px; border-radius: 30px; color: #fff; font-weight: 500; }
.navbar .getstarted:hover { background: #0D2F4F; color: #fff; }

/* Mobile nav */
.mobile-nav-toggle { color: #444; font-size: 28px; cursor: pointer; display: none; line-height: 0; transition: 0.5s; }
.mobile-nav-toggle.bi-x { color: #fff; }
@media (max-width: 991px) {
  .mobile-nav-toggle { display: block; }
  .navbar ul { display: none; }
}
.navbar-mobile { position: fixed; overflow: hidden; top: 0; right: 0; left: 0; bottom: 0; background: rgba(28,78,128,0.9); transition: 0.3s; z-index: 999; }
.navbar-mobile .mobile-nav-toggle { position: absolute; top: 15px; right: 15px; }
.navbar-mobile ul { display: block; position: absolute; top: 55px; right: 15px; bottom: 15px; left: 15px; padding: 10px 0; background-color: #fff; overflow-y: auto; transition: 0.3s; border-radius: 10px; }
.navbar-mobile a { padding: 10px 20px; font-size: 15px; color: #444; }
.navbar-mobile a:hover, .navbar-mobile .active { color: #1C4E80; }
.navbar-mobile .getstarted { margin: 15px; }

/* Sections */
section { padding: 20px 0; overflow: hidden; }
.section-bg { background-color: #f8f9fa; }

/* Breadcrumbs */
.breadcrumbs { padding: 18px 0; background: #f8f9fa; min-height: 40px; margin-top: 80px; }
.breadcrumbs h2 { font-size: 28px; font-weight: 600; }
@media (max-width: 992px) { .breadcrumbs { margin-top: 58px; } }

/* Footer */
#footer { background: #1C4E80; padding: 30px 0; color: #fff; font-size: 14px; }
#footer a { color: rgba(255,255,255,0.8); }
#footer a:hover { color: #fff; }

/* Cards */
.card { border: none; border-radius: 12px; box-shadow: 0 2px 15px rgba(0,0,0,0.06); }

/* Contact section */
.contact .info i { font-size: 20px; color: #1C4E80; float: left; width: 44px; height: 44px; background: #e8f4fd; display: flex; justify-content: center; align-items: center; border-radius: 50%; }
.contact .info h4 { padding: 0 0 0 60px; font-size: 20px; font-weight: 600; margin-bottom: 5px; color: #1C4E80; }
.contact .info p { padding: 0 0 0 60px; margin-bottom: 0; font-size: 14px; color: #666; }