.tab-group{
  display: flex;
  justify-content: center;
}
.tab{
  flex-grow: 1;
  padding:15px 5px;
  list-style:none;
  border:solid 1px #2d3462;
  text-align:center;
  cursor:pointer;
}
.panel-group{
  border-top:none;
}
.panel{
  display:none;
}
.tab.is-active{
  background:#0b4e3b;
  color:#FFF;
  transition: all 0.2s ease-out;
}
.panel.is-show{
  display:block;
}



.acd-check{
    display: none;
}
.acd-label{
    color: #2d3462;
    display: block;
    margin-bottom: 1px;
    padding:1% 2%;
    text-decoration:underline;
    font-size:medium;
}
.acd-content{
    background-color:#f6f6f6;
    border-radius:8px;
    height: 0;
    opacity: 0;
    padding: 0 10px;
    transition: .5s;
    visibility: hidden;
    font-size:medium;
}
.acd-check:checked + .acd-label + .acd-content{
    height: auto;
    opacity: 1;
    padding: 10px;
    visibility: visible;
}