/* Start:/local/components/bratko/faq/templates/.default/style.css?17835275142431*/
.faq .hide{
	display: none;
}
.faq .boxes{
	gap: 20px;
}
.faq .boxes .box-faq{
	width: 880px;
	display: flex;
	flex-direction: column;
	gap: 12px;
}
.faq .boxes .box-faq .item{
	padding: 20px;
	background-color: #FFFFFF;
	border-radius: 12px;
	box-sizing: border-box;
}
.faq .boxes .box-faq .item .question{
	display: flex;
	justify-content: space-between;
}
.faq .boxes .box-faq .item .question .txt{
	font-weight: 600;
	line-height: 120%;
	letter-spacing: 0;
	font-size: 18px;
}
.faq .boxes .box-faq .item .question .icon{
	width: 20px;
	height: 20px;
	cursor: pointer;
}
.faq .boxes .box-faq .item .question .icon img{
	width: auto;
}
.faq .boxes .box-faq .answer{
	color: #1C1C1F;
	padding-top: 20px;
}

/*Написать нам*/
.faq .boxes .box-feedback{
	width: 280px;
	height: 100%;
	background-color: #FFFFFF;
	padding: 20px;
	box-sizing: border-box;
	border-radius: 12px;
}
.faq .boxes .box-feedback .title{
	font-size: 15px;
	font-weight: 600;
	margin-bottom: 16px;
}
.faq .boxes .box-feedback .desc{
	margin-top: 32px;
	margin-bottom: 8px;
	font-size: 12px;
	color: #808080;
}
.faq .boxes .box-feedback .phone{
	font-weight: 600;
	line-height: 135%;
}

@media (max-width: 1024px) {
	.faq .boxes{
		flex-direction: column;
		gap: 40px;
	}
	.faq .boxes .box-faq{
		width: 100%;
	}
	.faq .boxes .box-feedback{
		width: 100%;
	}
}
@media (max-width: 767px) {
	.faq .boxes{
		gap: 48px;
	}
	.faq .boxes .box-faq{
		gap: 8px;
	}
	.faq .boxes .box-faq .item .question{
		gap: 0 25px;
	}
	.faq .boxes .box-faq .item .question .txt{
		line-height: 135%;
		font-size: 15px;
	}
}
/* мессенджеры в блоке «Не нашли ответ» — как на страницах бронирования */
.faq .boxes .box-feedback .faq-messengers{
	display: flex;
	gap: 10px;
	margin-top: 12px;
}
.faq .boxes .box-feedback .messenger-icon{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	border-radius: 50%;
	transition: filter .15s, transform .15s;
}
.faq .boxes .box-feedback .messenger-icon:hover{
	filter: brightness(1.08);
	transform: translateY(-1px);
}
.faq .boxes .box-feedback .messenger-icon svg{
	width: 20px;
	height: 20px;
	display: block;
}
.faq .boxes .box-feedback .messenger-icon.whatsapp{background: #25D066}
.faq .boxes .box-feedback .messenger-icon.telegram{background: #2AABEE}
.faq .boxes .box-feedback .messenger-icon.max{background: #8A63F5}

/* End */
/* /local/components/bratko/faq/templates/.default/style.css?17835275142431 */