
.pb80 + .section.faq.pt80 {
	margin-top: -80px;
}
.section.faq h2 {
	margin-bottom: 30px;
}
.section.faq .sub_h2 {
	margin-bottom: 84px;
}
.faq_list .item {
	margin: 0 0 12px;
}
.faq_list .item .vopros {
	padding: 18px 18px 18px 42px;
	cursor: pointer;
	margin: 0;
	transition: 0.3s color;
	font-size: 18px;
	border-radius: 100px;
	background: var(--light2_blue);
}
.faq_list .item:hover .vopros {
	color: var(--dark_blue);
}
.faq_list .item .vopros .icon {
	transition: all 0.3s;
	width: 24px;
	height: 24px;
	background: var(--blue);
	border-radius: 50%;
	position: relative;
}
.faq_list .item .vopros .icon svg {
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
.faq_list .item .vopros .icon svg path {
	transition: all 0.3s;
}
.faq_list .item .vopros .text {
	width: calc(100% - 24px - 16px);
}
.faq_list .item .otvet {
	display: none;
}
.faq_list .item.opened .otvet {
	display: block;
}
.faq_list .item .otvet .wrapper {
	padding: 24px 42px;
}
.faq_list .item .otvet .wrapper p {
	margin: 0;
}
.faq_list .item .otvet .wrapper p + p {
	margin-top: 1em;
}
.faq_list .item.opened .vopros .icon {
	transform: scaleY(-1);
}



@media (max-width: 991.98px) {

	.pb80 + .section.faq.pt80 {
		margin-top: -60px;
	}
	.section.faq .sub_h2 {
		margin-bottom: 60px;
	}
}
@media (max-width: 767px) {
	.faq_list .item .otvet .wrapper {
		padding: 16px 24px;
	}
}
@media (max-width: 576px) {
	.section.faq .sub_h2 {
		margin-bottom: 40px;
	}
	.pb80 + .section.faq.pt80 {
		margin-top: -40px;
	}
	.faq_list .item .vopros {
		font-size: 14px;
		padding: 16px;
	}
	.faq_list .item .otvet {
		font-size: 12px;
	}
	.faq_list .item .otvet .wrapper {
		padding: 16px;
	}
}

@media (max-width: 450px) {
	

}
