.widgets--service-5-comparison {
	padding: 5rem var(--pd);
	background: var(--c8);
	color: var(--g6);
	.cf-intro { max-width: 52rem; margin-bottom: 2.5rem; }
	h2 { margin: 0 0 1rem; font-size: 2.4rem; font-weight: 800; line-height: 1.2; text-wrap: balance; }
	.cf-text { color: var(--g4); line-height: 1.65; }
	.cf-cards { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.5rem; }
	.cf-card { min-width: 0; padding: 2rem; border: var(--px) solid var(--c6); border-radius: 1.25rem; background: var(--bg); }
	.cf-heading { display: flex; align-items: center; gap: 1.25rem; margin-bottom: 1.25rem; }
	.cf-icon { display: flex; align-items: center; justify-content: center; flex: 0 0 3.5rem; width: 3.5rem; height: 3.5rem; padding: 0.75rem; border-radius: 1rem; background: var(--c8); color: var(--c1); }
	.cf-icon:empty { display: none; }
	.cf-icon > svg { display: block; width: 100%; height: 100%; }
	h3 { margin: 0; color: var(--c2); font-size: 1.35rem; font-weight: 800; line-height: 1.35; overflow-wrap: anywhere; }
	.cf-description { color: var(--g4); font-size: 1rem; line-height: 1.65; }
	.cf-text > :first-child, .cf-description > :first-child, .cf-conclusion > :first-child { margin-top: 0; }
	.cf-text > :last-child, .cf-description > :last-child, .cf-conclusion > :last-child { margin-bottom: 0; }
	.cf-conclusion { margin-top: 2rem; padding: 2rem; border-radius: 1.25rem; background: var(--c2); color: var(--bg); font-size: 1.1rem; line-height: 1.65; }
	.cf-conclusion strong { color: inherit; }
	@media (max-width: 1279px) { .cf-card { padding: 1.5rem; } }
	@media (max-width: 991px) { .cf-heading { align-items: flex-start; gap: 1rem; } h3 { font-size: 1.2rem; } }
	@media (max-width: 767px) { padding-block: 4rem; h2 { font-size: 2rem; } .cf-cards { grid-template-columns: minmax(0, 1fr); } .cf-conclusion { padding: 1.5rem; font-size: 1rem; } }
	@media (max-width: 540px) { padding: 3rem 1rem; .cf-icon { flex-basis: 3rem; width: 3rem; height: 3rem; padding: 0.6rem; } }
}