
.best-works__li1.var2 {
	align-items: center;
}

.best-works__li1.var2 svg {
	fill: none;
	stroke: var(--color-main);
}

.best-works__swiper-slide22 {
	position: relative;
}
.best-works__swiper-slide22.swiper-slide-thumb-active:after {
	position: absolute;
	content: '';
	display: block;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	border-radius: 16px;
	/*border: 2px solid #7f5539;*/
	border: 3px solid var(--color-accent);
}




.section_sravnenie h2 {
	margin: 0 0 1.68em;
}
.table_sravnenie {
	gap: 12px;
	position: relative;
}
.table_sravnenie:before {
	content: '';
	position: absolute;
	width: 32.2%;
	max-width: 326px;
	display: block;
	top: -24px;
	bottom: -24px;
	left: 50%;
	transform: translateX(-50%);
	border-radius: 24px;
	border: 2px solid var(--color-accent);
	pointer-events: none;
}
.table_sravnenie svg {
	display: block;
	margin: 0 auto;
}
.table_sravnenie .row {
	background: #F5F7FA;
	border-radius: 24px;
	padding: 14px 32px;
}
.table_sravnenie .head {
	padding: 0 32px 2px;
}
.table_sravnenie .td {
	width: 33.33%;
}
.table_sravnenie .row .td.name {
	color: #707D89;
}
.table_sravnenie .row .col1, .table_sravnenie .row .col2 {
	text-align: center;
}

.table_sravnenie .head .center_otdelki {
	position: relative;
	padding: 0 0 0 62px;
	font-size: 14px;
	margin: 0 0 18px;
}
.table_sravnenie .head .ordinary {
	min-height: 54px;
	font-size: 22px;
	font-weight: 700;
	margin: 0 0 18px;
}
.table_sravnenie .head .center_otdelki svg {
	position: absolute;
	left: 0;
	top: 0;
}
.table_sravnenie .head .center_otdelki svg + div {
	font-size: 22px;
	font-weight: 500;
}
.table_sravnenie .head .price {
	position: relative;
	padding: 10px 20px 10px 54px;
	background: #F5F7FA;
	border-radius: 100px;
	display: inline-block;
	white-space: nowrap;
}
.table_sravnenie .head .price:before {
	position: absolute;
	background: url('data:image/svg+xml,<svg width="23" height="20" viewBox="0 0 23 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.5 3C12.5 4.10457 10.0376 5 7 5C3.96243 5 1.5 4.10457 1.5 3M12.5 3C12.5 1.89543 10.0376 1 7 1C3.96243 1 1.5 1.89543 1.5 3M12.5 3V4.5M1.5 3V15C1.5 16.1046 3.96243 17 7 17M7 9C6.83145 9 6.66468 8.99724 6.5 8.99185C3.69675 8.89999 1.5 8.04328 1.5 7M7 13C3.96243 13 1.5 12.1046 1.5 11M21.5 9.5C21.5 10.6046 19.0376 11.5 16 11.5C12.9624 11.5 10.5 10.6046 10.5 9.5M21.5 9.5C21.5 8.39543 19.0376 7.5 16 7.5C12.9624 7.5 10.5 8.39543 10.5 9.5M21.5 9.5V17C21.5 18.1046 19.0376 19 16 19C12.9624 19 10.5 18.1046 10.5 17V9.5M21.5 13.25C21.5 14.3546 19.0376 15.25 16 15.25C12.9624 15.25 10.5 14.3546 10.5 13.25" stroke="%23ED6930" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat center/contain;
	height: 20px;
	width: 23px;
	display: block;
	content: '';
	left: 22px;
	top: 50%;
	transform: translateY(-50%);
}



@media (max-width: 1023px) {
	
	
	.section_sravnenie h2 br {
		display: none;
	}
	.table_sravnenie {
		font-size: 14px;
	}
	.table_sravnenie .head .center_otdelki svg + div {
		font-size: 20px;
	}
	.table_sravnenie .head .ordinary {
		font-size: 18px;
	}
} /* @media (max-width: 1023px) END */


@media (max-width: 767px) {

	.table_sravnenie .head .ordinary {
		max-width: 100px;
	}
	.table_sravnenie .head .price {
		font-size: 12px;
		padding: 11px 22px 11px 50px;
	}
} /* @media (max-width: 767px) END */


@media (max-width: 599px) {
	.best-works__list1.var2 {
		flex-direction: row;
	}
}


@media (max-width: 575px) {
	.table_sravnenie:before {
		display: none;
	}
	.table_sravnenie .head {
		padding: 0;
		gap: 12px 0;
	}
	.table_sravnenie .head .td.name {
	    width: 100%;
	    text-align: center;
	}
	.table_sravnenie .head .col1, .table_sravnenie .head .col2 {
		width: 50%;
	}
	.table_sravnenie .head .center_otdelki {
		padding-left: 50px;
		font-size: 10px;
	}
	.table_sravnenie .head .center_otdelki svg {
		width: 30px;
		height: 31px;
		left: 10px;
	}
	.table_sravnenie .head .center_otdelki svg + div {
		font-size: 13px;
	}
	.table_sravnenie .head .price {
		padding: 11px 15px 11px 45px;
	}
	.table_sravnenie .head .price:before {
		width: 20px;
		left: 16px;
	}
	
	.table_sravnenie .row {
		background: unset;
		padding: 0;
	}
	.table_sravnenie .row .td.name {
		margin: 0 0 8px;
		width: 100%;
	    text-align: center;
	}
	.table_sravnenie .row .col1, .table_sravnenie .row .col2 {
		background: #F5F7FA;
		width: 50%;
		padding: 14px;
	}
	.table_sravnenie .row .col1 {
		border-top-left-radius: 100px;
		border-bottom-left-radius: 100px;
		padding-left: 32px;
	}
	.table_sravnenie .row .col2 {
		border-top-right-radius: 100px;
		border-bottom-right-radius: 100px;
		padding-right: 32px;
	}
}






