.faq_wrap {
	background-color: #1d1d1b;
    /*margin-top: 30px;*/
    color: white;
    padding: 70px 100px 100px;
}

.faq_title {
	margin-bottom: 40px;
}

.faq_question {
	font-family: 'Philosopher';
    border-bottom: 2px solid #cead5c;
    font-size: 1.15em;
    font-weight: 600;
	padding: 20px 50px 20px 0;
	cursor: pointer;
	position: relative;
	line-height: 1.2;
}

.faq_question::after {
	content: "";
	display: block;
	height: 13px;
	width: 30px;
	background-image: url(/wp-content/uploads/2022/03/arrow-1.svg);
	position: absolute;
	right: 0;
	background-repeat: no-repeat;
	top: calc(50% - 6px);
    transition: 0.3s;
}

.faq_question.faq_open::after {
	transform: rotate(90deg);
}

.faq_reponse {
	background-color: white;
    color: transparent;
    /*font-size: 0.9em;*/
    padding: 0px 40px;
	max-height: 0;
	overflow: hidden;
	transition: all 0.4s;
}

.faq_reponse a {
	color: #cc0f09;
	opacity: 1;
	transition: 0.3s;
}
.faq_reponse a:hover {
	opacity: 0.6;
}

.faq_question.faq_open + .faq_reponse {
	max-height: 500px;
	padding: 40px 60px;
	color: #1d1d1b;
}

@media screen and (max-width: 767px) {
	
	.faq_wrap {
		padding: 50px 50px 50px;
	}
	
	.faq_question.faq_open + .faq_reponse {
		max-height: 900px;
	}
	
}

@media screen and (max-width: 480px) {
	
	.faq_wrap {
		padding: 50px 30px 50px;
	}
	.faq_question.faq_open + .faq_reponse {
	padding: 20px 40px;
}