.colapseControl {
  width: 100%;

  border-style:solid;
  border-width: 1px;
  border-color: var(--header-bg);
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.colapseControl .title {
  background-color:var(--header-bg);
  padding:4px 8px;
  font-weight: 500;
  /* letter-spacing: 1px; */
  font-size:16px;
  color:#f7f7f7;
  
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.colapseControl .content {
  overflow: hidden;
  max-height: 0px;
  transition: max-height 0.3s ease-out;
  /* padding:10px; */
  background-color: #fff;
}

.colapseControl .active {
  max-height: 800px;
  transition: max-height 0.3s ease-in;
  
}