body {font-family: "Montserrat", sans-serif;}
    .navbar {background-color: #fff;}
    /* Custom CSS to handle the background image overlay */
    .custom-hero {
      background-image: url('../images/hero-bg.png');
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      min-height: 70vh; /* Set hero height (80% of viewport height) */
    }
    .custom-hero h1 {
      color: #193050;
      font-size: 68px;
      font-optical-sizing: auto;
      font-weight: 600;
    }
    .btn-primary {
      background-color: #58A1D4 !important; 
      border-color: #58A1D4 !important;
      font-weight: 700;
      font-size: 14px;
    }
    .btn-primary:hover {
      background-color: #193050 !important; 
      border-color: #193050 !important;
    }
    .tagline {
      color: #000000;
      font-weight:300;
      font-size: 24px;
    }
    .line {
      height: 3px;
      width: 81px;
      background:#58A1D4;
    }
    h1 {
      font-weight: 700;
      color: #193050;
    }
    h2 {
      font-weight: 700;
      color: #193050;
      font-size: 24px;
    }
    a {
      color: #58A1D4;
      text-decoration: underline;
      font-weight: 600;
    }
    .accordion-button {
      background-color: #EEF5FA!important;
      font-weight: 600;
      color: #193050;
    }
    .accordion {
    --bs-accordion-btn-focus-box-shadow: none;
    }
    .accordion-body {
      background-color: #EEF5FA !important;
    }
    footer {
      background-color: #193050;
      color: #fff;
      font-size: 14px;
      font-weight: 400;
      border-bottom: solid 1px #284E73;
    }
    footer span {
      font-weight: 600;
    }
    .sub-footer {
      background-color: #193050;
      color: #fff;
      font-size: 12px;
      font-weight: 300;
    }
    .sub-footer a {
      color: #fff;
      text-decoration: none;
      font-weight: 300;
    }
    .sub-footer a:hover {
      text-decoration: underline;
    }
    footer .btn-primary:hover {
      border-color: #ffffff !important;
    }