.section-cItems {
	position: relative;
}
.compare-shadow-1 {
	background: radial-gradient(circle, rgba(5, 51, 230, 0.3) 32.47%, rgba(5, 51, 230, 0) 90%);
	width: 35%;
	height: 58%;
	position: absolute;
	filter: blur(120px);
	right: 16%;
	top: 33%;
	z-index: -1;
}
.compare-shadow-2 {
	background: radial-gradient(circle, #69E7DC80 0%, rgba(105, 231, 220, 0) 100%);
	width: 21%;
	height: 37%;
	position: absolute;
	filter: blur(200px);
	left: 44%;
	top: 52%;
	z-index: -1;
}
.compare-shadow-3 {
	background: radial-gradient(circle, #58F7A333 39.73%, rgba(88, 247, 163, 0) 100%);
	width: 18%;
	height: 31%;
	position: absolute;
	filter: blur(120px);
	left: 27%;
	bottom: 10%;
	z-index: -1;
}
.compare-content {
	box-shadow: 0px 0px 44px 0px #0533E61A inset;
	border-radius: 24px;
	padding: 24px 24px 24px 48px;
	background: #fff;
	display: flex;
	margin: 40px 0 20px;
	gap: 42px;
	align-items: center;
}
.compare-image {
	flex: 0 0 320px;
}
.desc-head {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 20px;
}
.price-per-val {
	font-size: 12px;
	font-variation-settings: var(--wgh_500);
}
.price-per-val span {
	color: var(--primary);
	font-size: 18px;
	line-height: 1.4;
	margin-right: 4px;
}
.price-per-val span::before {
	content: "\e912";
	font-family: 'icomoon';
	vertical-align: 10px;
	font-size: 22px;
	margin-right: -4px;
}
.compare-desc .editor-content * {
	font-size: 14px;
	line-height: 1.7;
}
.compare-items {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 8px 10px;
	margin: 32px 0;
}
.compare-items .text {
	display: flex;
	align-items: center;
	gap: 7px;
	font-size: 15px;
	line-height: 1.7;
}
.compare-items .text i {
	font-size: 20px;
	color: #8189A8;
}
.compare-item {
	background: #fff;
	box-shadow: 0px 4px 20px 0px #C3C3C326;
	border-radius: 24px;
	padding: 20px 20px 27px;
	text-align: center;
}
.compare-post-image {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 40px;
	margin-bottom: 20px;
}
.compare-posts {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
}
.compare-price {
	font-size: 12px;
	font-variation-settings: var(--wgh_500);
	text-align: center;
}
.compare-price span {
	font-size: 18px;
	line-height: 1.4;
	margin-right: 4px;
}
.compare-link {
	display: inline-flex;
	border: 1px solid #ECEFFA;
	border-radius: 16px;
	color: #8189A8;
	min-width: 96px;
	justify-content: center;
	align-items: center;
	height: 40px;
	font-variation-settings: var(--wgh_500);
	margin-top: 16px;
	padding-bottom: 2px;
	transition: 0.4s ease;
}
.compare-item:hover .compare-link {
	color: var(--primary);
	box-shadow: 0px 0px 44px 0px #0533E61A inset;
}
@media screen and (max-width: 1200px) {
	.compare-image {
		flex: 0 0 200px;
	}
	.compare-content {
		gap: 20px;
	}
}
@media screen and (max-width: 992px) {
	.compare-image,
	.compare-desc .editor-content,
	.compare-items {
		display: none;
	}
	.compare-content {
		padding: 41px 20px;
		margin: 32px 0 16px;
		gap: 0;
		text-align: center;
		justify-content: center;
	}
	.desc-head {
		flex-direction: column;
		width: 100%;
		gap: 10px;
	}
	.compare-posts {
		grid-template-columns: repeat(2, 1fr);
		gap: 16px;
	}
	.compare-shadow-1 {
		width: 48%;
		height: 58%;
		right: 0;
		top: 22%;
	}
	.compare-shadow-2 {
		width: 42%;
		height: 37%;
		left: 18%;
		top: 52%;
	}
	.compare-shadow-3 {
		width: 50%;
		height: 18%;
		left: 2%;
		bottom: 1%;
	}
}
@media screen and (max-width: 576px) {
	.compare-posts {
		grid-template-columns: repeat(1, 1fr);
	}
}