/* Start:/local/templates/itach.by/components/bitrix/news.list/portfolio-custom2/style.css?17740164892436*/
.portfolio .portfolio-filters {
	display: flex;
	flex-direction: column;
	gap: 24px;
	margin-bottom: 80px;
}

.portfolio .portfolio-filters .filters-top {
	display: flex;
	justify-content: space-between;
	gap: 16px;
}

.portfolio .portfolio-filters .filters-body {
	display: none;
}

.portfolio .portfolio-filters .filter-header {
	display: flex;
	gap: 18px;
	margin-bottom: 4px;
}

.portfolio .portfolio-filters .tab-btn {
	display: flex;
	align-items: center;
	gap: 12px;
	font-weight: 800;
	font-size: 24px;
	line-height: 1;
	background-color: #fff;
	padding: 16px 24px;
	border: 1px solid #e3e3e3;
	cursor: pointer;
	transition:
		background 0.2s ease,
		border-color 0.2s ease,
		box-shadow 0.2s ease;
}

.portfolio .portfolio-filters .tab-btn.is-active,
.portfolio .portfolio-filters .tab-btn:hover {
	background: #f8f8f8;
}

.portfolio .portfolio-filters .filter-group {
	display: flex;
	flex-wrap: wrap;
	gap: 18px;
	max-width: 887px;
}

.portfolio .portfolio-filters .filter-group.is-hidden {
	display: none;
}

.portfolio .portfolio-filters .filter-btn {
	appearance: none;
	border: 1px solid #e3e3e3;
	background: #fff;
	color: #222;
	padding: 16px 24px;
	font-size: 15px;
	line-height: 18px;
	font-weight: 800;
	cursor: pointer;
	display: flex;
	align-items: center;
	gap: 10px;
	transition:
		background 0.2s ease,
		border-color 0.2s ease,
		box-shadow 0.2s ease;
}

.portfolio .portfolio-filters .filter-btn.is-active,
.portfolio .portfolio-filters .filter-btn--selected,
.portfolio .portfolio-filters .filter-btn:hover {
	background: #fff;
	color: #e8473a;
	border-color: #e8473a;
}

.portfolio .portfolio-filters .selected-filters {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	align-self: flex-start;
}

.portfolio .portfolio-filters .selected-filters .filter-btn--selected {
	padding: 16px 12px;
}

.portfolio .portfolio-filters .filter-btn--selected .remove-icon {
	transition: transform 0.2s ease;
}

.portfolio .portfolio-filters .filter-btn--selected:hover .remove-icon {
	transform: scale(1.2);
}

@media (max-width: 1100px) {
	.portfolio .portfolio-filters .tab-btn {
		font-size: 18px;
	}
}

@media (max-width: 700px) {
	.portfolio .portfolio-filters {
		margin-bottom: 50px;
	}

	.portfolio .portfolio-filters .filters-top {
		flex-direction: column;
	}

	.portfolio .portfolio-filters .filter-header {
		flex-direction: column;
		gap: 12px;
	}

	.portfolio .portfolio-filters .tab-btn {
		width: 100%;
	}
}

/* End */
/* /local/templates/itach.by/components/bitrix/news.list/portfolio-custom2/style.css?17740164892436 */