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

.block-faq {
	background-color: #f3f3f5;
}

.block-faq__inner {
	padding: 50px 25px;
}

.block-faq__left .title {
	color: var(--primaryColor);
}

.block-faq__right {
	margin-top: 50px;
}

.block-faq__faqs {
	margin: 0;
	padding: 0;
	list-style: none;
}

.block-faq__faqs li {
	position: relative;
	padding-left: 40px;
	margin-bottom: 40px;
	color: var(--primaryColor);
}

.block-faq__faqs li:last-child {
	margin-bottom: 0;
}

.block-faq__faqs li .question, .block-faq__faqs li .answer, .block-faq__faqs li p {
	color: var(--primaryColor);
}

.block-faq__faqs li ul {
	list-style: disc;
}

.block-faq__faqs li .question {
	margin-bottom: 20px;
	cursor: pointer;
}

.block-faq__faqs li .answer {
	display: none;
}

.block-faq__faqs li .icon {
	width: 20px;
	position: absolute;
	top: 7px;
	left: 0;
	cursor: pointer;
}

.block-faq__faqs li .icon svg {
	width: 100%;
	height: auto;
}

.block-faq__faqs li .icon svg path {
	stroke: var(--buttonColor);
}

.block-faq__faqs li .icon .dash {
	display: none;
}

.block-faq__faqs li.open .answer {
	display: block;
}

.block-faq__faqs li.open .icon .dash {
	display: block;
}

.block-faq__faqs li.open .icon .cross {
	display: none;
}

@media (min-width: 810px) {
	.block-faq__inner {
		padding: 60px 40px;
	}
}

@media (min-width: 1100px) {
	.block-faq__inner {
		padding: 100px 40px;
		max-width: 1360px;
		margin: 0 auto;
	}
	
	.block-faq__columns {
		display: flex;
		flex-flow: row nowrap;
		justify-content: space-between;
	}
	
	.block-faq__left {
		flex: 1;
		margin: 0 120px;
	}
	
	.block-faq__right {
		flex: 0 0 600px;
	}
}

@media (min-width: 1440px) {
	.block-faq__inner {
		padding: 100px 0;
	}
}