/*
 * CE: Accordion
 * ---------------------------------------------------------------- */
.ce-accordion {
  margin-bottom: 30px;
}

.ce-accordion h5 {
  position: relative;
}

.ce-accordion h5 .icon {
  position: absolute;
  top: 50%;
  right: 0;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  transition: all .3s ease-out 0s;
}

.ce-accordion h5 .icon-inner::before {
  position: absolute;
  top: 50%;
  right: 0;
  content: '';
  width: 20px;
  height: 2px;
  transform: translateY(-50%);
  background-color: #212529;
  transition: all .3s ease-out 0s;
}

.ce-accordion h5 .icon-inner::after {
  position: absolute;
  top: 50%;
  right: 9px;
  content: '';
  width: 2px;
  height: 20px;
  transform: translateY(-50%);
  background-color: #212529;
  transition: all .3s ease-out 0s;
}

.ce-accordion .card-header {
  background-color: transparent;
  transition: all .3s ease-out 0s;
}

.ce-accordion .card-header:hover {
  transition: none;
}

.ce-accordion .card-header.active .icon {
  transform: rotate(-45deg);
}

.ce-accordion .card-header.active a {
  color: currentColor;
}