.tarifs_grid {
	margin: 84px 0 0;
}
.section.tarifs .item {
	grid-template-rows: 360px auto;
}
.section.tarifs .item .img {
	position: relative;
	z-index: 2;
	padding: 42px;
	color: #fff;
}
.section.tarifs .item .img img {
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	object-fit: cover;
}
.section.tarifs .item .img:before {
	position: absolute;
	display: block;
	content: '';
	z-index: 1;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.5) 100%);

}
.section.tarifs .item .img div {
	position: relative;
	z-index: 2;
	text-align: center;
}
.section.tarifs .item .h2,
.section.tarifs .item .h3 {
	margin: 0;
}
.section.tarifs .item .srok_price {
	width: 100%;
}
.section.tarifs .item .srok {
	font-weight: 700;
	font-size: 24px;
	line-height: 1;
	position: relative;
	padding-left: 36px;
}
.section.tarifs .item .srok:before {
	display: block;
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	height: 24px;
	width: 24px;
	background: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.25 0C5.44891 0 5.63968 0.0790176 5.78033 0.21967C5.92098 0.360322 6 0.551088 6 0.75V1.5H18V0.75C18 0.551088 18.079 0.360322 18.2197 0.21967C18.3603 0.0790176 18.5511 0 18.75 0C18.9489 0 19.1397 0.0790176 19.2803 0.21967C19.421 0.360322 19.5 0.551088 19.5 0.75V1.5H21C21.7956 1.5 22.5587 1.81607 23.1213 2.37868C23.6839 2.94129 24 3.70435 24 4.5V21C24 21.7956 23.6839 22.5587 23.1213 23.1213C22.5587 23.6839 21.7956 24 21 24H3C2.20435 24 1.44129 23.6839 0.87868 23.1213C0.316071 22.5587 0 21.7956 0 21V7.5H24V6H0V4.5C0 3.70435 0.316071 2.94129 0.87868 2.37868C1.44129 1.81607 2.20435 1.5 3 1.5H4.5V0.75C4.5 0.551088 4.57902 0.360322 4.71967 0.21967C4.86032 0.0790176 5.05109 0 5.25 0Z" fill="%23529BE4"/></svg>') no-repeat center/cover;
	transform: translateY(-50%);
}
.section.tarifs .item .price {
	font-size: 18px;
	position: relative;
	padding-left: 30px;
}
.section.tarifs .item .price:before {
	display: block;
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	height: 24px;
	width: 24px;
	background: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M22 12.001C22 17.524 17.523 22.001 12 22.001C6.477 22.001 2 17.524 2 12.001C2 6.47798 6.477 2.00098 12 2.00098C17.523 2.00098 22 6.47798 22 12.001Z" stroke="%23F5FAFF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M15.69 9.00098L17.16 10.704C17.948 11.616 17.277 13 16.048 13.001H15M9 8.00098V12.999M9.5 17.5H11M9.5 17.5H8M9.5 17.5C9.167 17.167 8.7 16.3 9.5 15.5C10.133 14.868 11 15.502 11 15.502M12 13.001V13.011" stroke="%23F5FAFF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat center/cover;
	transform: translateY(-50%);

}

.section.tarifs .item .features {
	padding: 42px;
	background: var(--light2_blue);
	grid-auto-rows: max-content;
}
.section.tarifs .item .features h3,
.section.tarifs .item .features .h3 {
	margin: 24px 0;
}
.section.tarifs .item .features > p {
	font-size: 18px;
	margin: 0;
}
.section.tarifs .item .features > p + p {
	margin-top: 1em;
}
.section.tarifs .item .features ul {
	margin: 1em 0;
}

.section.tarifs .item .features .feature_wrapper {
	overflow: auto;
	max-height: 430px;
	margin: 36px 0 54px;
}
.section.tarifs .item .features button {
	width: 100%;
}

.section.tarifs .note {
	margin: 24px 0 0;
	color: var(--gray);
}

@media (min-width: 992px) and (max-width: 1200px) {
	.tarifs_grid.grid {
		gap: 16px;
	}
	.section.tarifs .item .features {
		gap: 8px;
		padding: 16px;
	}
	
}

@media (max-width: 991.98px) {
	.tarifs_grid.grid {
		grid-template-columns: 1fr;
	}
	
}

@media (max-width: 767px) {
	
}

@media (max-width: 575px) {
	.tarifs_grid {
		margin: 0;
	}
	.section.tarifs .item {
		grid-template-rows: 260px auto;
	}
	.section.tarifs .item .img,
	.section.tarifs .item .features {
		padding: 24px;
	}
	.section.tarifs .item .features .feature_wrapper {
		max-height: 350px;
		margin: 24px 0;
	}
}


@media (max-width: 450px) {
	.section.tarifs .item .img,
	.section.tarifs .item .features {
		padding: 16px;
	}
	.section.tarifs .item .features > p {
		font-size: 14px;
	}
	.section.tarifs .item .srok_price {
		flex-direction: column;
		align-items: flex-start;
		gap: 8px;
	}
	.section.tarifs .note {
		font-size: 12px;
	}
	
}