/* Phoenix siteblock acfApUpKrIRL (appId 2871) — "Why choose us" numbered columns */
.xlx24-container {
	width: 100%;
	max-width: 100%;
	margin: 0 auto;
	padding: clamp(1rem, 2vw, 1.25rem) 0;
	box-sizing: border-box;
}

.xlx24-list-wrapper ul {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: clamp(10px, 1.5vw, 14px);
	list-style: none;
	margin: 0;
	padding: 0;
}

.xlx24-list-wrapper ul:after {
	display: none !important;
	content: none !important;
}

.xlx24-list-wrapper li {
	float: none;
	width: auto;
	min-width: 0;
}

.xlx24-item-inner-wrapper {
	width: 100%;
	padding: 0 clamp(0.75rem, 1.5vw, 1.25rem);
	box-sizing: border-box;
}

.xlx24-item-top-wrapper {
	white-space: nowrap;
}

.xlx24-item-top-wrapper > div {
	display: inline-block;
	vertical-align: baseline;
	white-space: normal;
}

.xlx24-number-wrapper {
	width: 25%;
	color: var(--jcproto-text, #0a0a0a);
	opacity: 0.08;
	font-size: clamp(5rem, 10vw, 9.375rem);
	font-weight: 300;
	line-height: 1;
}

.xlx24-title-wrapper {
	width: 75%;
	color: var(--jcproto-text, #0a0a0a);
	font-size: clamp(1.125rem, 1.4vw, 1.25rem);
	line-height: 1.35;
	font-weight: 700;
}

.xlx24-title-wrapper .backstage-blocksEditor-wrap,
.xlx24-title-wrapper .backstage-blocksEditor-wrap > span {
	display: contents;
}

.xlx24-title-wrapper span {
	display: inline;
	color: inherit;
	font-size: inherit;
	font-weight: inherit;
	line-height: inherit;
}

.xlx24-title-wrapper span[style*="color:"]:empty {
	display: none !important;
}

.xlx24-title-wrapper span[style*="color:#333"] + span[style*="color:#333"],
.xlx24-title-wrapper span[style*="color: #333"] + span[style*="color: #333"],
.xlx24-title-wrapper span[style*="color:#333333"] + span[style*="color:#333333"],
.xlx24-title-wrapper span[style*="color: #333333"] + span[style*="color: #333333"] {
	margin-left: 0.35em;
}

.xlx24-item-bottom-wrapper {
	font-size: 0.9375rem;
	color: var(--jcproto-text-body, #555555);
	line-height: 1.65;
	font-weight: 400;
}

.xlx24-item-bottom-wrapper .backstage-blocksEditor-wrap,
.xlx24-item-bottom-wrapper .backstage-blocksEditor-wrap div,
.xlx24-item-bottom-wrapper .backstage-blocksEditor-wrap span {
	font-size: inherit;
	color: inherit;
	line-height: inherit;
	font-weight: inherit;
}

.xlx24-item-bottom-wrapper a,
.xlx24-item-bottom-wrapper a span,
.xlx24-item-bottom-wrapper a strong {
	font-size: inherit !important;
	color: var(--jcproto-text, #0a0a0a) !important;
	font-weight: 600 !important;
	line-height: inherit !important;
	text-decoration: none;
}

@media screen and (max-width: 768px) {
	.xlx24-list-wrapper ul {
		grid-template-columns: 1fr;
	}

	.xlx24-number-wrapper {
		width: 13%;
		font-size: clamp(4rem, 18vw, 7.5rem);
	}

	.xlx24-title-wrapper {
		width: 87%;
	}

	.xlx24-item-bottom-wrapper {
		margin-top: -0.5rem;
	}
}

@media screen and (max-width: 578px) {
	.xlx24-number-wrapper {
		width: 25%;
	}

	.xlx24-title-wrapper {
		width: 75%;
	}
}