.hide-accord {
  height: 0 !important;
  overflow: hidden !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  pointer-events: none !important;
  transition: height 0.4s ease-in-out, padding 0.4s ease-in-out;
}

.content-accord {
  overflow: hidden;
  transition: height 0.4s ease-in-out, padding 0.4s ease-in-out;
}

.accord-icon {
  cursor: pointer;
  transition: transform 0.3s ease;
}

.active-accord .accord-icon {
  transform: rotate(180deg);
}