html {
  font-size: 24px;
  scroll-behavior: smooth;
}
cacabody {
    background-color: #f5f5f5;
    font-size: 24px;
}

#cacamain-content {
    /* max-width: 100%; */
    padding: 2em 3em;
    margin: 0 auto 20px;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.accordion {
  background-color: #eee;
  margin-bottom: 3px;
  color: #444;
  cursor: pointer;
  padding: 8px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
}

.emptyaccordion {
  background-color: #eee;
  margin-bottom: 3px;
  color: #444;
  cursor: pointer;
  padding: 8px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
}

.active, .accordion:hover {
  background-color: #ccc;
}

.accordion:after {
  content: '\002B';
  color: #777;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}

.active:after {
  content: "\2212";
}


.mypanel {
 padding: 0 18px;
/* background-color: white; */
 max-height: 0;
 overflow: hidden;
 transition: max-height 0.2s ease-out;
}