/*# sourceMappingURL=faq.css.map*/

.faq {
	background-color: #f8fbfa;
}

.faq__container {
	padding-top: 60px;
	padding-bottom: 60px;
	display: flex;
	flex-direction: column;
	align-items: center;
	position: relative;
}

@media (min-width:1024px) {
	.faq__container {
		padding-top: 120px;
		padding-bottom: 120px;
	}
}

.faq__bg {
	position: relative;
	overflow: hidden;
	aspect-ratio: 1;
	width: 30%;
	max-width: 300px;
	position: absolute;
	bottom: 0;
	left: 0;
	transform: translate(-10%);
}

.faq__bg img, .faq__bg svg {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	object-fit: contain;
	object-position: center;
}

@supports not (aspect-ratio:1) {
	.faq__bg:before {
		content: "";
		display: block;
		width: 100%;
		padding-bottom: 100%;
		position: relative;
		z-index: -101;
	}
}

.faq__heading {
	max-width: 760px;
	text-align: center;
}