.m-governance{
  padding-top: 80px;
  background: #F8F8F8;
}
.title{
  padding-top: 44px;
  font-size: 36px;
  color: #333333;
  font-weight: bold;
  text-align: center;
}
.title h2 {
  display: inline-block;
  font-size: 36px;
  background-image: linear-gradient(-140deg, #00E2FF 0%, #0098FF 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  position: relative;
  margin-bottom: 35px;
}
.title h2::after{
  content: '';
  width: 250px;
  height: 5px;
  background-color: #FFDA00;
  position: absolute;
  bottom: -4px;
  left: 50%;
  margin-left: -125px;
}
section.cardview {
  display: none;
  padding: 20px;
  background: white;
  margin: 20px auto;
  width: 90%;
  max-width: 800px;
  border-radius: 8px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}
section.active {
  display: block;
}
ul,li {
  list-style: inside;
}
p {
  margin-top: 6px;
  margin-bottom: 6px;
}