/* Content — Starting Point Cards */
.cew-spc{
	--cew-spc-cols:3;
	--cew-spc-gap:16px;
	--cew-spc-bg:#FFFFFF;
	--cew-spc-border:#E8E8E8;
	/* --cew-spc-bg-h / --cew-spc-border-h are only set when chosen in Hover / Highlighted */
	--cew-spc-desc:#727272;
	--cew-spc-desc-h:#4B4B4B;
	--cew-spc-icon-bg:#071A35;
	--cew-spc-icon-color:#31A2FF;
	--cew-spc-icon-box:48px;
	--cew-spc-icon:24px;
}
.cew-spc *,.cew-spc *::before,.cew-spc *::after{box-sizing:border-box}

.cew-spc .cew-spc-head{margin:0 0 40px}
.cew-spc .cew-spc-eyebrow{
	margin:0 0 4px;
	color:#727272;
	font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
	font-size:14px;
	line-height:1.2;
	letter-spacing:0;
	text-transform:uppercase;
}
.cew-spc .cew-spc-heading{
	margin:0;
	padding:0;
	color:#000;
	font-family:inherit;
	font-size:36px;
	font-weight:400;
	line-height:1.2;
	letter-spacing:-.01em;
	text-transform:none;
}

.cew-spc .cew-spc-grid{
	display:grid;
	grid-template-columns:repeat(var(--cew-spc-cols),minmax(0,1fr));
	gap:var(--cew-spc-gap);
	align-items:stretch;
}

.cew-spc .cew-spc-card{
	display:flex;
	flex-direction:column;
	min-width:0;
	padding:24px;
	border:1px solid var(--cew-spc-card-border,var(--cew-spc-border));
	background:var(--cew-spc-card-bg,var(--cew-spc-bg));
	color:inherit;
	text-decoration:none;
	transition:background-color .25s ease,border-color .25s ease;
}
a.cew-spc-card:hover,a.cew-spc-card:focus{color:inherit;text-decoration:none}
a.cew-spc-card:focus-visible{outline:2px solid var(--cew-spc-icon-bg);outline-offset:3px}
.cew-spc .cew-spc-card:hover,
.cew-spc .cew-spc-card.is-highlight{
	background:var(--cew-spc-bg-h,var(--cew-spc-card-bg,var(--cew-spc-bg)));
	border-color:var(--cew-spc-border-h,var(--cew-spc-card-border,var(--cew-spc-border)));
}

.cew-spc .cew-spc-icon{
	display:flex;
	align-items:center;
	justify-content:center;
	flex:none;
	width:var(--cew-spc-icon-box);
	height:var(--cew-spc-icon-box);
	margin:0 0 24px;
	background:var(--cew-spc-icon-bg);
	color:var(--cew-spc-icon-color);
	font-size:var(--cew-spc-icon);
	line-height:1;
}
/* icon box content: font icon / Elementor inline icon / uploaded SVG / image */
.cew-spc .cew-spc-icon i{font-size:inherit;color:inherit;line-height:1}
.cew-spc .cew-spc-icon svg{display:block;width:var(--cew-spc-icon);height:var(--cew-spc-icon);overflow:visible}
/* Font Awesome rendered as inline SVG by Elementor: paint with the icon colour */
.cew-spc .cew-spc-icon svg.e-font-icon-svg{fill:currentColor}
/* Uploaded SVG keeps its own colours (default). Optional recolor keeps outlines as outlines. */
.cew-spc--svg-recolor .cew-spc-icon--svg svg:not([fill]){fill:currentColor}
.cew-spc--svg-recolor .cew-spc-icon--svg svg [fill]:not([fill="none"]){fill:currentColor}
.cew-spc--svg-recolor .cew-spc-icon--svg svg[stroke]:not([stroke="none"]),
.cew-spc--svg-recolor .cew-spc-icon--svg svg [stroke]:not([stroke="none"]){stroke:currentColor}
/* Image instead of an icon */
.cew-spc .cew-spc-icon--image{overflow:hidden}
.cew-spc .cew-spc-icon--image img{display:block;width:var(--cew-spc-icon);height:var(--cew-spc-icon);max-width:none;object-fit:contain}
.cew-spc--img-fill .cew-spc-icon--image img{width:100%;height:100%;object-fit:cover}

.cew-spc .cew-spc-title{
	margin:0 0 8px;
	padding:0;
	color:#000;
	font-family:inherit;
	font-size:24px;
	font-weight:400;
	line-height:1.2;
	text-transform:none;
}
.cew-spc .cew-spc-desc{
	margin:0;
	color:var(--cew-spc-desc);
	font-size:16px;
	line-height:1.375;
	transition:color .25s ease;
}
.cew-spc .cew-spc-card:hover .cew-spc-desc,
.cew-spc .cew-spc-card.is-highlight .cew-spc-desc{color:var(--cew-spc-desc-h)}

.cew-spc .cew-spc-label{
	margin:12px 0 0;
	color:#727272;
	font-size:14px;
	line-height:1.4;
}
.cew-spc .cew-spc-best{
	margin:6px 0 0;
	color:#4B4B4B;
	font-size:16px;
	line-height:1.375;
}

@media(max-width:1024px){
	.cew-spc{--cew-spc-cols:2}
	.cew-spc .cew-spc-heading{font-size:32px}
}
@media(max-width:767px){
	.cew-spc{--cew-spc-cols:1}
	.cew-spc .cew-spc-head{margin-bottom:28px}
	.cew-spc .cew-spc-heading{font-size:28px}
	.cew-spc .cew-spc-title{font-size:22px}
}
