h1, p {
  margin: 1% 0;
}
p {
  font-size: 17px;
  line-height: 24px;
  color: #1e1e1e;
}

.accordion{
  width: 100%;
  box-shadow: 0 1px 6px 0 rgb(23 68 158 / 61%);
}
.accordion > .card > .card-header {
  border-radius: 0;
  margin-bottom: -1px;
  background-color: #ffffff;
}
.accordion > .card > .card-header:hover {
  border-radius: 0;
  margin-bottom: -1px;
  background-color: green;
  color:#ffffff !important;
}
h5{
  margin: 0;
    padding: 0;
    color: #12367d;
    font-weight: 700;
    font-size: 22px;
}
h5:hover{
  margin: 0;
  padding: 0;
  color: #ffffff;
  font-weight: 700;
  font-size: 22px;
}
.accordion > .card > .card-header:focus {
  border-radius: 0;
  margin-bottom: -1px;
  background-color: yellow;
}
.btn{
  text-align: left;
}
.btn-link:focus {
  text-decoration: none;
  box-shadow: none;
}
.btn-link:hover {
  text-decoration: none;
  box-shadow: none;
}

@media only screen and (max-width: 600px) {
  h5{
    margin: 0;
      padding: 0;
      color: #12367d;
      font-weight: 700;
      font-size: 16px;
  }
  h5:hover{
    margin: 0;
    padding: 0;
    color: #ffffff;
    font-weight: 700;
    font-size: 16px;
  }
  .btn{
    text-align: left;
  }
  p {
    font-size: 15px;
    line-height: 24px;
    color: #1e1e1e;
  }

}