
.tarifs_usluga_grid {
	margin: 84px 0 0;
}
.section.tarifs_usluga .item {
	
}
.section.tarifs_usluga .item .blue_block {
	background: var(--light2_blue);
	border-radius: 30px;
	padding: 42px;
	min-height: 300px;
	cursor: pointer;
}
.section.tarifs_usluga .item .blue_block .bottom_row {
	font-size: 18px;
}
.section.tarifs_usluga .item .h2,
.section.tarifs_usluga .item .h3 {
	margin: 0;
}
.section.tarifs_usluga .item .price {
	font-size: 18px;
}

.section.tarifs_usluga .item .features {
	position: relative;
	padding: 66px 0 0;
	display: none;
}
.section.tarifs_usluga .item .features:before {
	position: absolute;
	content: '';
	display: block;
	background: url('data:image/svg+xml,<svg width="36" height="18" viewBox="0 0 36 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18 18L36 5.77115L36 3.8147e-06L18 12.229L1.57361e-06 6.67477e-07L1.06908e-06 5.77115L18 18Z" fill="%23ABCFFF"/></svg>') no-repeat center/cover;
	width: 36px;
	height: 18px;
	left: 50%;
	top: 24px;
	margin-left: -18px;
}

.section.tarifs_usluga .item .features .feature_wrapper {
	overflow: hidden;
	margin: 0 0 24px;
	position: relative;
}
.section.tarifs_usluga .item .features .feature_wrapper:not(.show_all) {
	max-height: 560px;
}
.section.tarifs_usluga .item .features .feature_wrapper:not(.show_all):after {
	position: absolute;
	display: block;
	content: '';
	bottom: 0;
	left: 0;
	width: 100%;
	height: 160px;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);
	pointer-events: none;
	
}
.section.tarifs_usluga .item .features .head {
	padding: 18px 24px;
	background: var(--light2_blue);
	font-weight: 600;
}
.section.tarifs_usluga .item .features .row {
	padding: 18px 24px;
	border-bottom: 1px solid var(--light_blue);
}
.section.tarifs_usluga .item .features .galka {
	display: block;
	height: 18px;
	width: 18px;
	background: url('data:image/svg+xml,<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_86_616)"><path d="M9 16.875C6.91142 16.875 4.90838 16.0453 3.43153 14.5685C1.95468 13.0916 1.125 11.0886 1.125 9C1.125 6.91142 1.95468 4.90838 3.43153 3.43153C4.90838 1.95468 6.91142 1.125 9 1.125C11.0886 1.125 13.0916 1.95468 14.5685 3.43153C16.0453 4.90838 16.875 6.91142 16.875 9C16.875 11.0886 16.0453 13.0916 14.5685 14.5685C13.0916 16.0453 11.0886 16.875 9 16.875ZM9 18C11.3869 18 13.6761 17.0518 15.364 15.364C17.0518 13.6761 18 11.3869 18 9C18 6.61305 17.0518 4.32387 15.364 2.63604C13.6761 0.948212 11.3869 0 9 0C6.61305 0 4.32387 0.948212 2.63604 2.63604C0.948212 4.32387 0 6.61305 0 9C0 11.3869 0.948212 13.6761 2.63604 15.364C4.32387 17.0518 6.61305 18 9 18Z" fill="%23ABCFFF"/><path d="M5.22678 5.22678C5.27903 5.17439 5.3411 5.13283 5.40944 5.10448C5.47778 5.07612 5.55104 5.06152 5.62503 5.06152C5.69902 5.06152 5.77228 5.07612 5.84062 5.10448C5.90895 5.13283 5.97103 5.17439 6.02328 5.22678L9.00003 8.20465L11.9768 5.22678C12.0291 5.17448 12.0912 5.13299 12.1595 5.10469C12.2278 5.07639 12.3011 5.06182 12.375 5.06182C12.449 5.06182 12.5222 5.07639 12.5906 5.10469C12.6589 5.13299 12.721 5.17448 12.7733 5.22678C12.8256 5.27908 12.8671 5.34117 12.8954 5.4095C12.9237 5.47783 12.9382 5.55107 12.9382 5.62503C12.9382 5.69899 12.9237 5.77223 12.8954 5.84056C12.8671 5.90889 12.8256 5.97098 12.7733 6.02328L9.7954 9.00003L12.7733 11.9768C12.8256 12.0291 12.8671 12.0912 12.8954 12.1595C12.9237 12.2278 12.9382 12.3011 12.9382 12.375C12.9382 12.449 12.9237 12.5222 12.8954 12.5906C12.8671 12.6589 12.8256 12.721 12.7733 12.7733C12.721 12.8256 12.6589 12.8671 12.5906 12.8954C12.5222 12.9237 12.449 12.9382 12.375 12.9382C12.3011 12.9382 12.2278 12.9237 12.1595 12.8954C12.0912 12.8671 12.0291 12.8256 11.9768 12.7733L9.00003 9.7954L6.02328 12.7733C5.97098 12.8256 5.90889 12.8671 5.84056 12.8954C5.77223 12.9237 5.69899 12.9382 5.62503 12.9382C5.55107 12.9382 5.47783 12.9237 5.4095 12.8954C5.34117 12.8671 5.27908 12.8256 5.22678 12.7733C5.17448 12.721 5.13299 12.6589 5.10469 12.5906C5.07639 12.5222 5.06182 12.449 5.06182 12.375C5.06182 12.3011 5.07639 12.2278 5.10469 12.1595C5.13299 12.0912 5.17448 12.0291 5.22678 11.9768L8.20465 9.00003L5.22678 6.02328C5.17439 5.97103 5.13283 5.90895 5.10448 5.84062C5.07612 5.77228 5.06152 5.69902 5.06152 5.62503C5.06152 5.55104 5.07612 5.47778 5.10448 5.40944C5.13283 5.3411 5.17439 5.27903 5.22678 5.22678Z" fill="%23ABCFFF"/></g><defs><clipPath id="clip0_86_616"><rect width="18" height="18" fill="white"/></clipPath></defs></svg>') no-repeat center/cover;
}
.section.tarifs_usluga .item .features .galka.checked {
	background: url('data:image/svg+xml,<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_86_646)"><path d="M9 16.875C6.91142 16.875 4.90838 16.0453 3.43153 14.5685C1.95468 13.0916 1.125 11.0886 1.125 9C1.125 6.91142 1.95468 4.90838 3.43153 3.43153C4.90838 1.95468 6.91142 1.125 9 1.125C11.0886 1.125 13.0916 1.95468 14.5685 3.43153C16.0453 4.90838 16.875 6.91142 16.875 9C16.875 11.0886 16.0453 13.0916 14.5685 14.5685C13.0916 16.0453 11.0886 16.875 9 16.875ZM9 18C11.3869 18 13.6761 17.0518 15.364 15.364C17.0518 13.6761 18 11.3869 18 9C18 6.61305 17.0518 4.32387 15.364 2.63604C13.6761 0.948212 11.3869 0 9 0C6.61305 0 4.32387 0.948212 2.63604 2.63604C0.948212 4.32387 0 6.61305 0 9C0 11.3869 0.948212 13.6761 2.63604 15.364C4.32387 17.0518 6.61305 18 9 18Z" fill="%23529BE4"/><path d="M12.3411 5.5912L12.3186 5.61595L8.41152 10.5941L6.05689 8.23832C5.89695 8.08928 5.68539 8.00815 5.4668 8.012C5.24822 8.01586 5.03966 8.10441 4.88507 8.259C4.73048 8.41359 4.64193 8.62215 4.63807 8.84074C4.63421 9.05933 4.71535 9.27088 4.86439 9.43082L7.84114 12.4087C7.92133 12.4887 8.01683 12.5518 8.12192 12.5942C8.22702 12.6365 8.33957 12.6572 8.45286 12.6551C8.56614 12.653 8.67785 12.6281 8.7813 12.5819C8.88476 12.5357 8.97785 12.4692 9.05502 12.3862L13.546 6.77245C13.6989 6.61195 13.7825 6.39771 13.7788 6.17605C13.775 5.95439 13.6841 5.74313 13.5258 5.58793C13.3675 5.43273 13.1545 5.34607 12.9328 5.34668C12.7111 5.34729 12.4986 5.43513 12.3411 5.5912Z" fill="%23529BE4"/></g><defs><clipPath id="clip0_86_646"><rect width="18" height="18" fill="white"/></clipPath></defs></svg>') no-repeat center/cover;
}
.section.tarifs_usluga .item .about_tarif {
	transition: 0.3s;
}
@media (min-width: 991.98px) {
	.section.tarifs_usluga .item .about_tarif {
		position: absolute;
		opacity: 0;
		top: 0;
		width: 100%;
		opacity: 0;
		pointer-events: none;
		z-index: 2;
	}
	.section.tarifs_usluga .item .about_tarif.active {
		opacity: 1;
		pointer-events: all;
	}
	.section.tarifs_usluga .item:nth-child(odd) .about_tarif {
		left: 0;
		transform: translate(24px, 66px);
		padding-left: 110px;
	}
	.section.tarifs_usluga .item:nth-child(odd) .about_tarif.active {
		left: 100%;
	}
	.section.tarifs_usluga .item:nth-child(even) .about_tarif {
		right: 0;
		transform: translate(-24px, 66px);
		padding-right: 110px;
	}
	.section.tarifs_usluga .item:nth-child(even) .about_tarif.active {
		right: 100%;
	}
}


@media (min-width: 992px) and (max-width: 1200px) {
	
	
}

@media (max-width: 991.98px) {
	.tarifs_usluga_grid.grid {
		grid-template-columns: 1fr;
	}
	
}

@media (max-width: 767px) {
	.section.tarifs_usluga .item .blue_block {
		padding: 24px;
		border-radius: 24px;
		min-height: 250px;
	}
	.section.tarifs_usluga .item .blue_block .bottom_row {
		font-size: 16px;
	}
}

@media (max-width: 575px) {
	.tarifs_usluga_grid {
		margin: 0;
	}
	
	.section.tarifs_usluga .item .blue_block {
		padding: 16px;
		border-radius: 16px;
		min-height: 150px;
	}
	.section.tarifs_usluga .item .blue_block .bottom_row {
		font-size: 14px;
	}
	.section.tarifs_usluga .item .features {
		padding: 40px 0 0;
	}
	.section.tarifs_usluga .item .features:before {
		top: 13px;
	}
	.section.tarifs_usluga .item .features .feature_wrapper:not(.show_all) {
		max-height: 350px;
	}
}


@media (max-width: 450px) {
	.section.tarifs_usluga .ccenter {
		padding: 0;
	}
	.section.tarifs_usluga .item .about_tarif {
		padding: 0 15px;
	}
	.section.tarifs_usluga .item .blue_block {
		border-radius: 0;
	}
	.section.tarifs_usluga .item .blue_block .top_row {
		flex-direction: column;
		gap: 8px;
	}
	.section.tarifs_usluga .item .blue_block .bottom_row {
		text-align: center;
	}
	.section.tarifs_usluga .item .features .head, .section.tarifs_usluga .item .features .row {
		padding: 10px 16px;
	}
}
