.kc_accordion .card {
  margin: 0 0 10px;
  border: none !important;
  overflow: visible !important;
}
.kc_accordion .card .card-header {
  border-radius: 5px;
  box-shadow: 0 3px 10px -3px #ccc;
  background: #fff;
  margin: 0 0 10px;
  border: 1px solid #f5f5f5;
  padding: 20px 20px 20px 45px;
  cursor: pointer;
  position: relative;
  transition: all 0.2s linear;
}
.kc_accordion .card .card-header[aria-expanded="true"],
.kc_accordion .card .card-header:hover{
  color: #e50001;
  box-shadow: 0 3px 10px -3px #989898;
} 
.kc_accordion .card .card-header:hover:after{
  transition: all 0.2s linear;
  color: #e50001 !important;
}
.kc_accordion .card .card-header[aria-expanded="false"]::after {
  transition: all 0.2s linear;
  content: '+';
  position: absolute;
  left: 20px;
  top: 18px; 
  text-align: center;
  font-size: 26px;
  font-family: initial !important;
  color: #ccc;
  transition: all 0.2s linear;
}
.kc_accordion .card .card-header[aria-expanded="true"]::after {
  content: '+';
  position: absolute;
  left: 20px;
  top: 16px;
  text-align: center;
  font-size: 28px;
  font-family: initial !important;
  transform: rotate(45deg);
  transform-origin: center center;
  color: #e50001;
  transition: all 0.2s linear;
}
.kc_accordion .card .card-body {
  border-radius: 5px;
  background: #fff;
  margin: 0;
  padding: 20px;
  cursor: pointer;
  position: relative;
  transition: all 0.2s linear;
  border: solid 1px #eee;
  line-height: 27px; 
}