.faq {
	padding: 30px 20px;
	padding-top: 120px;
	background-color: #EDF6F7;
}
.faq__content {
	max-width: 1000px;
	margin: auto;
}
.faq__footer {
	max-width: 1120px;
	margin: auto;
}
.faq__subtitle {
	color: #601636;
	font-family: BanamexText-Bold;
}
.faq__title {
	font-size: 26px;
	margin-bottom: 22px;
}
.faq__group {
	margin-bottom: 40px;
}
.faq__question {
	color: #601636;
	font-size: 20px;
	font-family: BanamexText-Bold;
	margin-bottom: 10px;
}
.faq__answer {
	line-height: 24px;
}
.faq__footer__right {
	text-align: center;
}
.faq__img {
	width: 300px;
	border-radius: 20px;
}

@media screen and (min-width: 500px) {
	
	.faq {
		background-color: #FDE8E0;
	}
	.faq__content {
		padding: 30px 20px;
		background-color: #EDF6F7;
		border-radius: 20px;
		margin-bottom: 30px;
	}
	.faq__img {
		width: 400px;
	}

}

@media screen and (min-width: 768px) {

	.faq__content {
		padding: 40px 60px;
	}

}

@media screen and (min-width: 1000px) {

	.faq {
		padding-bottom: 40px;
	}
	.faq__subtitle {
		font-size: 18px;
	}
	.faq__title {
		font-size: 28px;
		margin-bottom: 36px;
	}
	.faq__question {
		font-size: 22px;
	}
	.faq__answer { 
		font-size: 18px;
		line-height: 28px;
	}
	.faq__content {
		margin-bottom: 0;
		border-bottom-left-radius: 0;
	}
	.faq__footer {
		display: flex;
	}
	.faq__footer__left {
		position: relative;
		width: 60%;
		height: 280px;
		background-color: #EDF6F7;
		border-bottom-left-radius: 20px;
		border-bottom-right-radius: 20px;
	}
	.faq__footer__left::before {
	    content: '';
	    display: flex;
	    width: 20px;
	    height: 20px;
	    background: radial-gradient(circle at 0% 0%, transparent 20px, #EDF6F7 20px);
	    transform: scale(-1, 1) rotate(270deg);
	    position: absolute;
	    top: 0;
	    left: 100%;
	}
	.faq__footer__right {
		width: 40%;
		text-align: right;
		padding: 20px;
	}
	.faq__img {
		width: 100%;
	}

}

@media screen and (min-width: 1200px) {

	.faq {
		padding-bottom: 50px;
	}
	.faq__footer__left {
		height: 320px;
	}
	.faq__footer__right {
		padding: 30px;
	}

}

@media screen and (min-width: 1400px) {

	.faq__footer__left {
		width: 70%;
	}
	.faq__footer__right {
		width: 30%;
	}
	.faq__img {
		width: 400px;
	}

}