.cfaq-list, .cfaq-item {
    display: flex;
    flex-direction: column;
}
.cfaq-item {
	border-bottom: 1px solid gray;
}
.cfaq-item-title {
    display: inline-flex;
    align-content: center;
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap;
    flex-direction: row;
    padding: 5px;
    cursor: pointer;
}
.cfaq-item-text{
	padding: 10px 5px 15px;
	opacity: 0;
	transition: all .3s;
}
.cfaq-item-title svg{
	transition: all .3s;
}
.cfaq-item input:checked ~ label svg{
    transform: rotate(180deg);
}
.cfaq-item input:checked ~ .cfaq-item-text{
    display: block;
	opacity: 1;
	animation: cfaq-show .5s ease-in-out;
}

@keyframes cfaq-show {
  from {
	opacity:0;
  }
  to {
    opacity:1;
  }
}


.cfaq-item-title h4 {
    font-size: 20px;
}

.cfaq-item-text {
    font-size: 16px;
}