/* ==========================================================================
   CTA blocks – single dark angled layout (.cta-parent)
   ========================================================================== */

.cta-parent {
	position: relative;
	overflow: hidden;
	background: linear-gradient(135deg, #333333 0%, #222222 100%);
	color: #ffffff;
}

.cta-parent > .elementor-container,
.cta-parent > .e-con {
	position: relative;
	z-index: 1;
}

.cta-parent::after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 50%;
	height: 100%;
	background-image: url("https://fuse.club/wp-content/uploads/2025/11/cta-fh-scaled.jpg");
	background-size: cover;
	background-position: center right;
	background-repeat: no-repeat;
	clip-path: polygon(40% 0, 100% 0, 100% 100%, 0 100%);
	pointer-events: none;
}

@media (max-width: 1024px) {
	.cta-parent::after {
		width: 65%;
		clip-path: polygon(40% 0, 100% 0, 100% 100%, 0 100%);
	}
}

@media (max-width: 767px) {
	.cta-parent::after {
		width: 100%;
		clip-path: none;
		opacity: 0.35;
		background-position: center;
	}
}

/* Network page – overrides default CTA image */
.cta-parent::after {
	background-image: url("https://fuse.club/wp-content/uploads/2026/01/home-service-community-2-scaled.jpg");
}

/* ==========================================================================
   CTA blocks – homepage RUS trio (.cta-parent-1/2/3)
   ========================================================================== */

.cta-parent-1,
.cta-parent-2,
.cta-parent-3 {
	position: relative;
	overflow: hidden;
	border-radius: 10px;
	box-shadow: 0 4px 10px 3px rgba(0, 0, 0, 0.10);
}

.cta-parent-1 {
	background: #333333;
	color: #ffffff;
}

.cta-parent-2 {
	background: #ffffff;
	color: #000000;
}

.cta-parent-3 {
	background: #D1D1D1;
	color: #000000;
}

.cta-parent-1 > .elementor-container,
.cta-parent-1 > .e-con,
.cta-parent-2 > .elementor-container,
.cta-parent-2 > .e-con,
.cta-parent-3 > .elementor-container,
.cta-parent-3 > .e-con {
	position: relative;
	z-index: 1;
}

.cta-parent-1::after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 50%;
	height: 100%;
	background-image: url("https://fuse.club/wp-content/uploads/2026/04/school-offline-scaled.webp");
	background-size: cover;
	background-position: center right;
	background-repeat: no-repeat;
	clip-path: polygon(40% 0, 100% 0, 100% 100%, 0 100%);
	pointer-events: none;
}

.cta-parent-2::after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 50%;
	height: 100%;
	background-image: url("https://fuse.club/wp-content/uploads/2026/02/DJI_20250223130537_0049_D-scaled.jpg");
	background-size: cover;
	background-position: center right;
	background-repeat: no-repeat;
	clip-path: polygon(40% 0, 100% 0, 100% 100%, 0 100%);
	pointer-events: none;
}

.cta-parent-3::after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 50%;
	height: 100%;
	background-image: url("https://fuse.club/wp-content/uploads/2026/05/cta3-scaled.webp");
	background-size: cover;
	background-position: center right;
	background-repeat: no-repeat;
	clip-path: polygon(40% 0, 100% 0, 100% 100%, 0 100%);
	pointer-events: none;
}

@media (max-width: 1024px) {
	.cta-parent-1::after,
	.cta-parent-2::after,
	.cta-parent-3::after {
		width: 65%;
	}
}

@media (max-width: 767px) {
	.cta-parent-1::after,
	.cta-parent-2::after,
	.cta-parent-3::after {
		width: 100%;
		clip-path: none;
		opacity: 0.1;
		background-position: center;
	}
}