body {
    background-color: #D8E1E7;
  }
.open-sans-<uniquifier> {
    font-family: "Open Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: <weight>;
    font-style: normal;
    font-variation-settings:
      "width" 100;
  }
h1{
    font-family: "Open Sans", sans-serif;
    font-weight: 800;
    color: #197CAD;
    font-size: 30pt;
  }
  h2{
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
    color: #197CAD;
    font-size: 24px;
  }
  h3{
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
    color: #197CAD;
    font-size: 22px;
  }
  p{
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    color: #385871;
    font-size: 15pt;
  }
  li{
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    color: #385871;
    font-size: 15pt;
  }
  li::marker {
    color: #197CAD;
    font-weight: 800;
  }
  /* change the link color */
.navbar-custom .navbar-nav .nav-link {
    color: #0B4868;
    font-weight: 700;
    font-family: "Open Sans", sans-serif;
    font-size: 12pt;
  }
  /* change the color of active or hovered links */
  .navbar-custom .nav-item.active .nav-link,
  .navbar-custom .nav-item:hover .nav-link {
      color: #197CAD;
      font-weight: 700;
      font-family: "Open Sans", sans-serif;
      font-size: 12pt;
  }
a:link {
  color: #197CAD;
  font-weight: 700;
  text-decoration: none;
}

a:visited {
  color: #197CAD;

}

a:hover {
  color: #0B4868;

}

a:active {
  color: #0B4868;

}
a.ko:link { color:#FFF; text-decoration: none}
a.ko:visited { color: #FFF; text-decoration: none}
a.ko:hover { color: #D8E1E7; text-decoration: underline;}
a.ko:active { color: #FFF; text-decoration: none;}

  .footer {
    bottom: 0;
    position: relative;
    max-width: 100%;
    min-width: 100%;
    width: auto;
    background-color: #197CAD;
   }
   .card {
    border: 0;
    border-radius: 20px;
    background-color: #D8E1E7;
    margin-bottom: 25px;
  }
  .card .card-img-top{
  border-radius: 20px 20px 0px 0px;
  text-center;
  }
  .card .card-title{
    font-family: "Open Sans", sans-serif;
    font-weight: 700;
    color: #197CAD;
    font-size: 20px;
    text-align: center;
  }
  
  .card .card-footer{
    border: 0;
    border-radius: 20px;
    background-color: #D8E1E7;
  }
  @media (max-width: 950px) {
  
    .card-deck-wrapper {margin-right:0;margin-left:0;}
    .card-deck {
        display: block;
        width: 100%;
        margin-bottom: .75rem;
        table-layout: fixed;
        border-spacing: 1.25rem 0;
    }
    .card-deck .card {
        display: block;
        margin-bottom: .75rem;
        vertical-align: top;
        text-align: center; 
    }
  .card-deck .card:not(:first-child) {
    margin-left: 0px;
  }
 .custom-btn {
      background-color: #197CAD !important;
      color: #fff !important;
  }
  #myButton {
    position: fixed;
    bottom: 20px; /* Button will be 20px from the bottom */
    right: 20px; /* Button will be 20px from the right */
    background-color: #197CAD !important;
    color: #fff !important;
    /* Add other styles as needed (e.g., background color, font, etc.) */
  }
  .accordion-button {
    background: #ffffff;
    color: #ffffff;
    border: 0 none;
    box-shadow: none;
    padding: 10px 10px;
}
.accordion-item {
  background: #D8E1E7;
}
.accordion-header {
  background: #D8E1E7;
}
hr.solid {
    border-top: 6px solid #197CAD;
  }