.faqs{
	padding-top: 50px;
}
.faqs .title{
	color: #232E5C;
	font-size: 30px;
	margin-bottom: 50px;
}
.faqs .control{
	max-width: 900px;
}
.faqs input[type="radio"]{
	display: none;
}
.faqs .faq-single{
	border-top: 1px solid #232E5C;
	padding: 15px 0;
}
.faqs .faq-single:last-child{
	border-bottom: 1px solid #232E5C;
}
.faqs .faq-single label:hover{
	cursor: pointer;
}
.faqs h3{
	color: black;
	padding-right: 100px;
	position: relative;
	margin-bottom: 0;
	font-size: 18px;
}
.faqs h3:after{
	content: '\f078';
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	position: absolute;
	top: 0px;
	right: 0;
	transition: 0.2s ease;
}
.faqs .faq-single input[type="radio"]:checked ~ label h3:after{
	transform: rotate(-180deg);
}
.faqs .faq-single .respuesta .respuesta-control{
	padding-top: 20px;
	padding-right: 100px;
}
.faqs .faq-single .respuesta{
	max-height: 0;
	transition: 0.2s ease;
	overflow: hidden;
}
.faqs .faq-single input[type="radio"]:checked ~ .respuesta{
	max-height: 500px;
}
.faqs a{
	color: #232E5C;
}

@media only screen and (max-width: 575px) {
	.faqs h3{
		padding-right: 50px;
	}
	.faqs .faq-single .respuesta .respuesta-control{
		padding-right: 30px;
	}
}