.faqs {
	margin: 0 0 40px;
}
.faqs .faq-item {
	margin-bottom: 30px;
	padding-left: 59px;
	position: relative;
}
.faqs .svg-group {
	display: inline-block;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
}
.faqs .svg-group svg {
	fill: #c4c5c5;
}
.faqs .icn-faq-question {
	opacity: 1;
	transform: scale(1);
	transition: all 0.2s ease;
}
.faqs .icn-faq-answer {
	opacity: 0;
	visibility: hidden;
	height: 0;
	width: 0;
	transition: opacity 0.2s ease;
}
.faqs .faq-question {
	cursor: pointer;
	padding-top: 10px;
	transition: opacity 0.2s ease;
}
.faqs .faq-question:active {
	opacity: 0.6;
}
.faqs .faq-answer {
	overflow: hidden;
	margin-top: 20px;
	max-height: 0;
	opacity: 0;
	transform: translate3d(0, 0, 0);
	transition: max-height 0.3s ease, opacity 0.2s 0.1s ease;
}
.faqs .faq-item.active .icn-faq-answer {
	opacity: 1;
	visibility: visible;
	height: inherit;
	width: inherit;
	animation: answerPop 0.2s ease;
}
.faqs .faq-item.active .icn-faq-answer svg {
	fill: #333;
}
.faqs .faq-item.active .icn-faq-question {
	opacity: 0;
	visibility: hidden;
	height: 0;
	width: 0;
	transform: scale(0.92);
}
.faqs .faq-item.active .faq-answer {
	opacity: 1;
	height: inherit;
}

@keyframes answerPop {
	0% {
		transform: scale(0.92);
	}
	50% {
		transform: scale(1.08);
	}
	100% {
		transform: scale(1);
	}
}