strong,
.bold {
	font-family: var(--zf-primary-bold);
	font-weight: normal;
}

.grid {
	--square-size: 10px;
	--square-thickness: 1px;
	content: '';
	position: absolute;
	display: block;
	width: 200px;
	height: 200px;
	right: calc(-100px + 5%);
	top: 20%;
	border-radius: 50%;
	background-color: transparent;
	background-image:
		repeating-linear-gradient(
			0,
			transparent 0,
			transparent calc(var(--square-size) - var(--square-thickness)),
			var(--grid-clr, #47a8ef) calc(var(--square-size) - var(--square-thickness)),
			var(--grid-clr, #47a8ef) var(--square-size)
		),
		repeating-linear-gradient(
			90deg,
			transparent 0,
			transparent calc(var(--square-size) - var(--square-thickness)),
			var(--grid-clr, #47a8ef) calc(var(--square-size) - var(--square-thickness)),
			var(--grid-clr, #47a8ef) var(--square-size)
		);
	mask-image: radial-gradient(circle, black 1%, transparent 70%);
}

.flex {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 30px;

	@media all and (width < 768px) {
		flex-direction: column;
		justify-content: center;
	}
}

.i18n-pt-br .testi_sec {
	display: none;
}

.cp_feature_page div h2 {
	font-size: clamp(27px, calc(17.91px + 2.84vw), 52px);
	font-family: var(--zf-primary-regular);
}

.cp_feature_page div .gradient-text {
	background: linear-gradient(90deg, #3964ad 0%, #59a8db 100%);
	color: transparent;
	background-clip: text;
}

.cp_feature_page div .act-btn.cta-btn {
	border-radius: 30px;
	border: 3px solid #a6b6de;
	background: linear-gradient(90deg, #737ebd 0%, #4979bb 100%);
	color: #fff;
	text-align: center;
	font-family: var(--zf-primary-bold);
	font-weight: normal;
	font-size: 18px;
	line-height: 1.5;
	padding: 10px 24px;
	text-transform: none;
}

.cp_feature_page div .extrabold {
	font-family: var(--zf-primary-extrabold);
}

.cp_feature_page .mid_list::after {
	background: url(/sites/zweb/images/crmplus/features/icons-sprite.webp) -206px 0 / 260px 33px no-repeat;
	width: 25px;
	height: 25px;
}

h2 strong {
	font-family: var(--zf-primary-extrabold);
}

/* s2 section */

.zwc-s2 {
	background: linear-gradient(90deg, #3964ad 0%, #59a8db 100%);
	color: #fff;
	overflow: hidden;

	@media all and (width >= 768px) {
		.column {
			width: 45%;
		}

		img {
			scale: 1.2;
		}
	}

	.g1 {
		--grid-clr: #4e91c9;
		top: 2%;
		left: 2%;
		right: unset;
		translate: -50% -50%;
		scale: 2;
	}

	.g2 {
		--grid-clr: #5db0df;
		right: 2%;
		bottom: 2%;
		top: unset;
		translate: 50% 50%;
		scale: 2;
	}

	.c1 {
		max-width: 520px;
	}

	.s2__sub {
		margin-bottom: 20px;
		max-width: 760px;
		margin-inline: auto;
	}

	.s2__list {
		font-size: 20px;
		text-align: left;
		display: grid;
		gap: 24px;
	}
}

/* end of s2 */

/* s3 section */

.zwc-s3 {
	position: relative;
	overflow: hidden;
	isolation: isolate;

	&::before,
	&::after {
		content: '';
		display: block;
		width: 944px;
		height: 944px;
		border-radius: 944px;
		background: #bdc6e4;
		filter: blur(200px);
		position: absolute;
		z-index: -1;
	}

	&::before {
		top: -681px;
		left: -658px;
	}

	&::after {
		bottom: -681px;
		right: -658px;
	}

	.s3__grid {
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(0, 317px));
		justify-content: center;
		gap: 30px;
		margin-bottom: 140px;

		@media all and (768px < width < 1380px) {
			grid-template-columns: repeat(2, 317px);
		}

		@media all and (width < 992px) {
			margin-block: 100px;
		}

		@media all and (width < 768px) {
			margin-block: 60px;
		}
	}

	figcaption {
		max-width: max-content;
		margin-inline: auto;
		min-width: 234px;
		padding: 13px 90px 13px 110px;
		border-radius: 8px;
		background: #e0e9f3;
		margin-bottom: 40px;

		color: #062761;
		font-family: var(--zf-primary-semibold);
		font-size: 14px;
		font-weight: normal;
		line-height: 1.5;
		position: relative;

		@media all and (width < 480px) {
			padding: 13px 30px 13px 70px;
		}
	}

	figcaption::before {
		content: '';
		display: block;
		width: 60px;
		height: 60px;
		border-radius: 8px;
		background:
			url(/sites/zweb/images/crmplus/features/icons-sprite.webp) var(--bg-pos, 16px 16px) / 260px 33px no-repeat,
			linear-gradient(130deg, #4dc0fd 8.7%, #0e75fe 86.88%);
		position: absolute;
		top: 50%;
		left: 0;
		translate: 0 -50%;
	}

	.c2 figcaption::before {
		--bg-pos: -34.5px 13.75px;
	}

	.c3 figcaption::before {
		--bg-pos: -88px 18px;
	}
	.c4 figcaption::before {
		--bg-pos: -140.5px 15.5px;
	}

	img {
		box-shadow: 0 0 22px 3px rgba(77, 157, 255, 0.25);
	}
}

/* end of s3 */

/* s4 section */

.cp_feature_page .zwc-s4 .context_vid_bg {
	max-width: 995px;
	background: url(/sites/zweb/images/crmplus/features/s4bg.webp) center / 995px 495px no-repeat;

	@media all and (width < 1080px) {
		background: unset;
	}
}

.cp_feature_page .zwc-s4 .mid_list::after {
	background: url(/sites/zweb/images/crmplus/features/icons-sprite.webp) -235px 0 / 260px 33px no-repeat;
}

.zwc-s4 {
	background: linear-gradient(90deg, #737ebd 0%, #4979bb 100%);

	@media all and (width <= 992px) {
		.flex {
			align-items: center;
			flex-direction: column;
		}
	}

	.context_vid_bg video {
		top: 80px;
		left: 60px;
		max-width: 580px;
	}

	.context_vid_bg .video_timing {
		left: 223.3px;
		top: 34.5px;
	}

	.flex {
		text-align: left;
	}
}

/* end of s4 */

/* s5 section */

.zwc-s5 {
	overflow: hidden;

	.side_text_wrap {
		margin-bottom: 120px;

		@media all and (width >= 1200px) {
			max-width: 465px;
		}

		@media all and (width < 1200px) {
			margin-bottom: 20px;
		}
	}

	.side_img_sec {
		text-align: center;
		position: relative;
		@media all and (width < 1200px) {
			background: none;
			padding: 0;
		}
		@media all and (width >= 1200px) {
			scale: 1.5;
		}
	}

	.square {
		position: absolute;
		border-radius: min(5%, 22px);
		background: #d8effa;
		display: block;
		opacity: 0.5;
		z-index: -1;
	}

	.s1 {
		aspect-ratio: 141/149;
		width: 5%;
		top: 16%;
		left: 10%;
		opacity: 0.25;
	}

	.s2 {
		aspect-ratio: 91/96;
		width: 4%;
		bottom: 10%;
		right: 50%;
	}

	.s3 {
		aspect-ratio: 299/400;
		width: 17%;
		top: 0%;
		right: 30%;
	}
}

/* end of s5 */

/* s6 section */

.s_webp .zwc-s6 .anal_img1 {
	background: linear-gradient(131deg, #cae5fb -0.09%, #dfebfa 49.91%, #cae5fb 99.91%);
	border-radius: 15px;
	box-shadow: 0 0 5px 2px rgb(0 0 0 / 0.4);
}
.bg_lazy_loaded .anal_inr_img::after,
.bg_lazy_loaded .anal_img2::after {
	display: none;
}

.cp_feature_page .zwc-s6 .mid_list::after {
	background: url(/sites/zweb/images/crmplus/features/icons-sprite.webp) -235px 0 / 260px 33px no-repeat;
}

.zwc-s6 {
	background: #3c66af;
}

/* end of s6 */

/* s7 section */

.zwc-s7 {
	background: linear-gradient(131deg, #cae5fb -0.09%, #dfebfa 49.91%, #cae5fb 99.91%);
}

/* end of s7 */

/* s8 section */

.cp_feature_page .zwc-s8 .mid_list::after {
	background: url(/sites/zweb/images/crmplus/features/icons-sprite.webp) -235px 0 / 260px 33px no-repeat;
}

.zwc-s8 {
	background: linear-gradient(90deg, #737ebd 0%, #4979bb 100%);
}

/* end of s8 */

/* s10 section */

.cp_feature_page .zwc-s10 .mid_list::after {
	background: url(/sites/zweb/images/crmplus/features/icons-sprite.webp) -235px 0 / 260px 33px no-repeat;
}

.zwc-s10 {
	background: #3c66af;
	color: #fff;
}

/* end of s10 */

/* faq section */

.zwc-faq {
	text-align: center;
	padding-block: 120px;

	@media all and (width < 768px) {
		padding-block: 60px;
	}

	.faq__title {
		margin: 0 auto 30px;
		max-width: 600px;
	}
	.faq-list > li {
		border-radius: 16px;
		border: 1px solid #d9dee7;
		background: var(--bg-white, #fff);
		padding: 28px;
		margin-bottom: 16px;
	}
	.faq-list li h3 {
		display: grid;
		grid-template-columns: 1fr 32px;
		gap: 1rem;
		justify-content: space-between;
		position: relative;
		font-family: var(--zf-primary-regular);
		font-size: 24px;
		box-sizing: border-box;
		cursor: pointer;
		text-align: left;
		align-items: center;
	}
	.faq-list li .content {
		text-align: left;
		margin-block: 18px 0;
		padding: 20px;
		border-radius: 12px;
		border: 1px solid #d9dee7;
		background: #f7f9fc;
	}
	.faq-list li h3::after {
		content: '+';
		font-size: 20px;
		width: 32px;
		height: 32px;
		border-radius: 16px;
		border: 1px solid #d9dee7;
		background: #eef0f4;
		display: grid;
		place-items: center;
	}
	.faq-list .zactive h3::after {
		content: '-';
		color: #fff;
		background: #006cff;
	}
	.faq-list ul {
		list-style-type: disc;
		list-style-position: inside;
		margin-bottom: 20px;
	}
}

/* end of faq */

/* * {
	outline: 1px solid red;
} */

/* .cp_feature_page > div:not(.zwc-faq) {
	display: none;
} */