/* Start:/local/templates/dev/components/bitrix/news.list/faq-template/style.css?17516125693247*/
.faq-content{
	gap: 6.24vw;
}
.faq-content-left{
	width: calc(40% - 3.12vw);
	gap: 20vw;
	height: calc(100vh - 190px);
	position: sticky;
	top: 170px;
	justify-content: space-between;
}
.faq-content-main-text{
	gap: 4.16vw;
}
.faq-content-main-text > p{
	color: #ffffff;
	font-size: clamp(18px, 1.45vw, 28px);
	font-weight: 400;
	line-height: 125%;
	text-transform: uppercase;
}
.faq-content-number{
	color: #ffffff;
	font-size: clamp(25px, 3.33vw, 64px);
	font-weight: 400;
	text-transform: uppercase;
}
.faq-content-left .btn-white-transp{
	width: max-content;
}
.faq-content-acc-box{
	width: calc(60% - 3.12vw);
	gap: 9px;
}
.faq-content-acc-item{
	width: 100%;
	background: #D9E2D829;
	border-radius: 8px;
}
.faq-content-acc-btn{
	flex-wrap: nowrap!important;
	justify-content: space-between;
	padding: 1.04vw 1.56vw 1.4vw 2.18vw;
	color: #ffffff;
	font-size: clamp(18px, 1.77vw, 34px);
	font-weight: 400;
	text-transform: uppercase;
	cursor: pointer;
}
.faq-content-acc-btn-svg{
	width: 2.56vw;
	height: 2.56vw;
	min-width: 2.56vw;
	transition: .5s;
}
.faq-content-acc-btn-svg path,
.faq-content-acc-btn-svg rect{
	transition: .5s;
}
.faq-content-acc-btn:hover .faq-content-acc-btn-svg ,
.faq-content-acc-btn.active:hover .faq-content-acc-btn-svg {
	transform: rotate(-90deg);
}
.faq-content-acc-btn.active .faq-content-acc-btn-svg {
	transform: rotate(-180deg);
}
.faq-content-acc-btn.active .faq-content-acc-btn-svg  path{
	stroke: white;
}
.faq-content-acc-btn.active .faq-content-acc-btn-svg  rect{
	fill: #4B81F6;
}
.faq-content-acc-text{
	padding: 0 1.56vw 0 2.18vw;
	max-height: 0;
	overflow: hidden;
	transition: .5s;

	color: #ffffff;
	font-size: clamp(18px, 1.45vw, 28px);
	font-weight: 400;
	background: #D9E2D829;
	border-radius: 8px;
}
.faq-content-acc-text.active{
	padding: 1.56vw 1.56vw 1.56vw 2.18vw;
}
@media (max-width: 1200px) {
	.faq-content{
		gap: 48px;
	}
	.faq-content-left{
		width: calc(100%);
		gap: 28px;
		height: max-content;
		position: relative;
		top: 0;
	}
	.faq-content-main-text{
		gap: 28px;
	}
	.faq-content-number{
		display: none;
	}
	.faq-content-left .btn-white-transp{
		width: max-content;
	}
	.faq-content-acc-box{
		width: calc(100%);
		gap: 9px;
	}
	.faq-content-acc-item{
		width: 100%;
	}
	.faq-content-acc-btn{
		padding: 2.04vw 2.56vw 2.4vw 3.18vw;
		color: #ffffff;
	}
	.faq-content-acc-btn-svg{
		width: 4.56vw;
		height: 4.56vw;
		min-width: 4.56vw;
	}
	.faq-content-acc-text{
		padding: 0 2.56vw 0 3.18vw;
	}
	.faq-content-acc-text.active{
		padding: 2.56vw 2.56vw 2.56vw 3.18vw;
	}
}
@media (max-width: 768px) {
	.faq-content{
		gap: 24px;
	}
	.faq-content-left{
		width: calc(100%);
		gap: 24px;
		height: max-content;
		position: relative;
		top: 0px;
	}
	.faq-content-main-text{
		gap: 24px;
	}
	.faq-content-number{
		display: none;
	}
	.faq-content-left .btn-white-transp{
		width: calc(100% - 60px);
	}
	.faq-content-acc-box{
		width: calc(100%);
	}
	.faq-content-acc-item{
		border-radius: 6px;
	}
	.faq-content-acc-btn{
		padding: 21px 24px 18px 24px;
	}
	.faq-content-acc-btn-svg{
		width: 42px;
		height: 42px;
		min-width: 42px;
	}
	.faq-content-acc-text{
		padding: 0 65px 0 24px;
		border-radius: 6px;
	}
	.faq-content-acc-text.active{
		padding: 15px 65px 21px 24px;
	}
}
/* End */
/* /local/templates/dev/components/bitrix/news.list/faq-template/style.css?17516125693247 */