/* Jagged torn-paper edge instead of a straight line where a section
   meets the next. Pure CSS clip-path — no image, no SVG mask request.
   Apply .vcs-torn-bottom and/or .vcs-torn-top directly on the Elementor
   section/container itself (Advanced > CSS Classes). The clip cuts into
   the element's own background, so it works with any background color. */

.vcs-torn-bottom{
	clip-path: polygon(
		0% 0%, 100% 0%, 100% 97%,
		96% 100%, 90% 96%, 84% 100%, 78% 97%, 72% 100%,
		66% 96%, 60% 100%, 54% 97%, 48% 100%, 42% 96%,
		36% 100%, 30% 97%, 24% 100%, 18% 96%, 12% 100%,
		6% 97%, 0% 100%
	);
	padding-bottom: 28px; /* keeps real content clear of the torn zone */
}

.vcs-torn-top{
	clip-path: polygon(
		0% 3%, 6% 0%, 12% 4%, 18% 0%, 24% 3%,
		30% 0%, 36% 4%, 42% 0%, 48% 3%, 54% 0%,
		60% 4%, 66% 0%, 72% 3%, 78% 0%, 84% 4%,
		90% 0%, 96% 3%, 100% 0%,
		100% 100%, 0% 100%
	);
	padding-top: 28px;
}

@media (max-width: 780px){
	.vcs-torn-bottom, .vcs-torn-top{ padding-bottom: 18px; padding-top: 18px; }
}