/**
 * Homepage Block 7 — recycling process diagram (static image).
 */

.tf-recycle.e-con,
.tf-recycle {
	--padding-top: 0 !important;
	--padding-bottom: 0 !important;
	--padding-left: 0 !important;
	--padding-right: 0 !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 !important;
	padding: 0 var(--tf-page-x) clamp(80px, 9vw, 140px) !important;
	background: #fff !important;
	box-sizing: border-box !important;
	line-height: 0;
}

.tf-recycle-img.elementor-widget-image,
.tf-recycle-img {
	width: 100% !important;
	max-width: 1100px !important;
	margin: 0 auto !important;
	padding: 0 !important;
}

.tf-recycle-img .elementor-widget-container {
	margin: 0 !important;
	padding: 0 !important;
	line-height: 0;
}

.tf-recycle-img img {
	display: block !important;
	width: 100% !important;
	max-width: 100% !important;
	height: auto !important;
	margin: 0 auto !important;
	object-fit: contain;
}

@media (max-width: 1024px) {
	.tf-recycle.e-con,
	.tf-recycle {
		padding: 0 var(--tf-page-x) 64px !important;
	}
}

@media (max-width: 767px) {
	.tf-recycle.e-con,
	.tf-recycle {
		padding: 0 var(--tf-page-x) 48px !important;
	}
}

@media (max-width: 400px) {
	.tf-recycle.e-con,
	.tf-recycle {
		padding: 0 var(--tf-page-x) 40px !important;
	}
}