body {
      font-family: 'Inter', sans-serif;
      background-color: #fff9f0;
       background-color: #fff7eb;
      color: #1e3a8a;
      font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
        Roboto, "Helvetica Neue", Arial, sans-serif;
    }
    .nav-link, .navbar-brand {
      color: #1e40af !important;
      font-weight: 400;
      font-size: 1rem;
    }
    .navbar-brand {
      font-weight: 600;
    }
    .nav-link:hover {
      text-decoration: underline;
    }
    .btn-primary {
      background-color: #1e40af;
      border-color: #1e40af;
      font-weight: 600;
      font-size: 1rem;
      padding: 0.75rem 1.5rem;
      border-radius: 0.375rem;
      transition: background-color 0.3s ease;
    }
    .btn-primary:hover {
      background-color: #1e3a8a;
      border-color: #1e3a8a;
    }
    .form-control:focus {
      border-color: #1e40af;
      box-shadow: 0 0 0 0.25rem rgba(30, 64, 175, 0.25);
    }
    .form-control {
      font-size: 0.875rem;
      padding-left: 0.75rem;
      padding-right: 2.5rem;
      height: 2.25rem;
    }
    .search-btn {
      position: absolute;
      right: 0.5rem;
      top: 50%;
      transform: translateY(-50%);
      border: none;
      background: transparent;
      color: #1e40af;
      font-size: 1rem;
      cursor: pointer;
    }
    h1 {
      color: #1e40af;
      font-weight: 800;
      font-size: 2.5rem;
      line-height: 1.2;
    }
    p {
      max-width: 400px;
      font-size: 1rem;
      color: #000;
    }
    @media (min-width: 768px) {
      h1 {
        font-size: 2.75rem;
      }
      p {
        font-size: 1rem;
      }
    }




     .service-card {
      background: white;
      border-radius: 0.5rem;
      padding: 1.5rem;
      text-align: center;
      box-shadow: 0 1px 3px rgb(0 0 0 / 0.1);
      height: 100%;
    }
    .service-icon {
      font-size: 2rem;
      margin-bottom: 0.75rem;
      color: #1e3a8a;
    }
    .service-title {
      font-weight: 600;
      margin-bottom: 0.5rem;
    }
    .service-desc {
      font-size: 0.875rem;
      color: #1e3a8a;
    }
    .section-2 {
      background-color: #e8f2ff;
      padding: 3rem 1rem;
      text-align: center;
      color: #1e3a8a;
    }
    .section-2 h2 {
      font-weight: 600;
      font-size: 1.5rem;
      max-width: 40rem;
      margin: 0 auto 1rem auto;
    }
    .section-2 p {
      max-width: 36rem;
      margin: 0 auto;
      font-size: 1rem;
    }




    .bg-lightblue {
    background-color: #edf6fc;
   }
   .bg-lightcream {
    background-color: #fff7eb;
   }
   .btn-custom {
    background-color: #0f3c6e;
    color: white;
    font-weight: 600;
    border-radius: 0.375rem;
    padding: 0.75rem 1.5rem;
    border: none;
   }
   .btn-custom:hover {
    background-color: #0d355f;
    color: white;
   }
   .text-navy {
    color: #0f3c6e;
   }
   .about-strong {
    font-weight: 700;
   }
   @media (min-width: 768px) {
    .about-section {
     flex-direction: row !important;
     justify-content: space-between !important;
     align-items: center !important;
    }
    .about-image {
     margin-top: 0 !important;
    }}




        .btn-custom {
      background-color: #15395b;
      color: white;
      font-weight: 600;
      border-radius: 0.375rem;
      padding: 0.75rem 1.5rem;
      border: none;
    }
    .btn-custom:hover {
      background-color: #122f4a;
      color: white;
    }
    .social-icons a {
      color: #15395b;
      font-size: 1.875rem;
      margin-right: 2.5rem;
      transition: color 0.3s ease;
    }
    .social-icons a:last-child {
      margin-right: 0;
    }
    .social-icons a:hover {
      color: #122f4a;
      text-decoration: none;
    }