/* Start:/local/templates/aspro_main/components/bitrix/news/faq_sections_ajax/style.css?17823644822436*/
.news-sections {
	display: flex;
	align-items: flex-start;
	gap: 56px;
	position: relative;
	width: 100%;
}

/* Левая колонка с разделами */
.news-sections__tabs {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 4px;

	flex: 0 0 256px;
	width: 256px;
	margin: 0;
	padding: 0;
}

/* Кнопка раздела */
.news-sections__tab {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 16px;

	width: 100%;
	min-height: 38px;
	padding: 8px 12px;

	border: none;
	border-radius: 6px;
	background: transparent;

	font-family: inherit;
	font-size: 14px;
	font-weight: 500;
	line-height: 22px;
	text-align: left;
	color: #242426;

	cursor: pointer;
	transition: background-color 0.2s ease, color 0.2s ease;
}

/* Hover */
.news-sections__tab:hover {
	background: #F4F6F9;
	color: #242426;
}

/* Активный раздел */
.news-sections__tab.active {
	background: #F4F6F9;
	color: #242426;
	cursor: default;
}

/* Правая область со списком вопросов */
.news-sections__content {
	position: relative;
	flex: 1 1 auto;
	min-width: 0;
	min-height: 80px;
	transition: opacity 0.2s ease;
}

/* Загрузка */
.news-sections__content.is-loading {
	opacity: 0.45;
	pointer-events: none;
}

.news-sections__content.is-loading::after {
	content: "";
	position: absolute;
	top: 24px;
	left: 50%;
	width: 24px;
	height: 24px;
	margin-left: -12px;
	border: 2px solid rgba(0, 0, 0, 0.2);
	border-top-color: rgba(0, 0, 0, 0.8);
	border-radius: 50%;
	animation: news-sections-loader 0.7s linear infinite;
}

.news-sections.has-error .news-sections__content {
	opacity: 1;
}

@keyframes news-sections-loader {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}

/* Планшеты */
@media (max-width: 991px) {
	.news-sections {
		gap: 24px;
	}

	.news-sections__tabs {
		flex-basis: 220px;
		width: 220px;
	}
}

/* Мобильная версия */
@media (max-width: 767px) {
	.news-sections {
		display: block;
	}

	.news-sections__tabs {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		gap: 4px;

		width: auto;
		margin: 0 -16px 32px;
		padding: 0 16px;

		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}

	.news-sections__tab {
		flex: 0 0 auto;
		width: auto;
		white-space: nowrap;
    border: 1px solid var(--Stroke-Base, #E7EBF4)
	}
	.news-sections__content {
		width: 100%;
	}
}

/* End */


/* Start:/local/templates/aspro_main/components/bitrix/news.list/faq_inner/style.css?178048742452*/
.accordion__title{
    color: var(--title-color);
}

/* End */


/* Start:/local/templates/aspro_main/css/accordion_smooth.min.css?17823644821165*/
.accordion{border-bottom:1px solid var(--grey-shade-5);}.accordion__button{align-items:center;border-top:1px solid var(--grey-shade-5);display:flex;gap:clamp(2rem,5vw,4rem);justify-content:space-between;padding:clamp(1.5rem,2vw,1.75rem) 0;text-align:left;width:100%;}.accordion__button.accordion__button--open{color:var(--blue-shade-1);}.accordion__button.accordion__button--open svg{transform:rotateZ(180deg);}.accordion__button.accordion__button--open svg path,.accordion__button.accordion__button--open svg use{stroke:var(--blue-shade-1);}@media (any-hover:hover){.accordion__button:hover{color:var(--blue-shade-1)}.accordion__button:hover svg path,.accordion__button:hover svg use{stroke:var(--blue-shade-1)}}.accordion__button svg{transition:transform .3s ease;width:14px;flex:0 0 14px;transform:rotateZ(0);}.accordion__button svg path,.accordion__button svg use{stroke:var(--title-color);}.accordion__body{overflow:hidden;transition:grid-template-rows .3s ease;display:grid;grid-template-rows:0fr;}.accordion__body--expand{grid-template-rows:1fr;}.accordion__wrap{min-height:0;}.accordion__wrap>*{padding-bottom:clamp(var(--g8-mobile),3vw,var(--g8-desktop));}
/* End */
/* /local/templates/aspro_main/components/bitrix/news/faq_sections_ajax/style.css?17823644822436 */
/* /local/templates/aspro_main/components/bitrix/news.list/faq_inner/style.css?178048742452 */
/* /local/templates/aspro_main/css/accordion_smooth.min.css?17823644821165 */