.accordeon {
  display: flex;
  flex-direction: column;
}
.accordeon .active {
  background: #d1e5ee;
  /*color: white;*/
}
.accordeon .active span {
  transform: rotateZ(90deg);

}
.accordeon dl {
  margin-bottom: 5px;
}
.accordeon dt {

  /*color: #135B69;*/

  cursor: pointer;
  min-height: 60px;
  height: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: 40px;
  padding-right: 40px;
  border-radius: 50px;
  border: 1px solid #C1C1C1;
  box-sizing: border-box;
  border-radius: 5px;
  outline: none;
  margin-bottom: 5px;
}
.accordeon dt span {
  position: relative;
  transition: 0.5s;
  font-size: 20px;
}
.accordeon dt:focus {
  /*background: #135B69;*/
  /*color: white;*/
}
@media (max-width: 520px) {
  .accordeon dt {
    padding-left: 20px;
    padding-right: 20px;

  }
}
.accordeon dd {
  padding-left: 40px;
  padding-right: 40px;
  margin-bottom: 15px;
  margin-top: 15px;



}
@media (max-width: 820px) {
  .accordeon dd {
    padding-left: 20px;
    padding-right: 20px;
  }
}