/* Content — Topic Accordion Cards */

/* heading area (LEARNING AREAS design) */
.cew-tac-section{font-family:"PP Neue Montreal",Arial,sans-serif}
.cew-tac-section .cew-tac-head{max-width:100%;margin:0 0 40px;text-align:left}
.cew-tac-section .cew-tac-eyebrow{
	margin:0 0 6px;
	color:#727272;
	font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
	font-size:14px;
	line-height:1.2;
	text-transform:uppercase;
}
.cew-tac-section .cew-tac-heading{
	margin:0 0 16px;
	padding:0;
	color:#000;
	font-family:inherit;
	font-size:36px;
	font-weight:400;
	line-height:1.2;
	letter-spacing:-.01em;
	text-transform:none;
}
.cew-tac-section .cew-tac-heading:last-child{margin-bottom:0}
.cew-tac-section .cew-tac-hl{color:#31A2FF}
.cew-tac-section .cew-tac-desc{max-width:600px;margin:0 var(--cew-tac-desc-mr,auto) 0 var(--cew-tac-desc-ml,0);color:#4B4B4B;font-size:16px;line-height:22px}
@media(max-width:1024px){.cew-tac-section .cew-tac-heading{font-size:32px}}
@media(max-width:767px){.cew-tac-section .cew-tac-heading{font-size:28px}.cew-tac-section .cew-tac-head{margin-bottom:28px}}
.cew-tac{
	--cew-tac-cols:4;
	--cew-tac-gap:16px;
	--cew-tac-icon-box:48px;
	--cew-tac-icon:22px;
	--cew-tac-item-gap:16px;
	--cew-tac-chev:#A6A6A6;
	--cew-tac-chev-size:12px;
	display:grid;
	grid-template-columns:repeat(var(--cew-tac-cols),minmax(0,1fr));
	gap:var(--cew-tac-gap);
	align-items:stretch;
}
.cew-tac *,.cew-tac *::before,.cew-tac *::after{box-sizing:border-box}

.cew-tac .cew-tac-card{
	display:flex;
	flex-direction:column;
	min-width:0;
	min-height:358px;
	padding:24px;
	background:var(--cew-tac-bg,#EFF1ED);
}

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

.cew-tac .cew-tac-title{
	margin:0 0 28px;
	padding:0;
	color:#000;
	font-family:inherit;
	font-size:24px;
	font-weight:400;
	line-height:1.2;
	letter-spacing:-.01em;
	text-transform:none;
	min-height:calc(var(--cew-tac-title-lines,2) * 1lh);
}

.cew-tac .cew-tac-list{
	display:flex;
	flex-direction:column;
	gap:var(--cew-tac-item-gap);
	margin:0;
	padding:0;
	list-style:none;
}
.cew-tac .cew-tac-item{margin:0;padding:0;list-style:none}
.cew-tac-item::marker{content:none}

.cew-tac .cew-tac-q{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:12px;
	width:100%;
	margin:0;
	padding:0;
	border:0;
	border-radius:0;
	background:transparent;
	box-shadow:none;
	color:#4B4B4B;
	font-family:inherit;
	font-size:16px;
	font-weight:400;
	line-height:1.25;
	letter-spacing:0;
	text-align:left;
	text-transform:none;
	cursor:pointer;
	transition:color .2s ease;
}
.cew-tac .cew-tac-q--plain{cursor:default}
.cew-tac .cew-tac-q:hover,
.cew-tac .cew-tac-q:focus{background:transparent}
.cew-tac .cew-tac-q:focus{outline:none}
.cew-tac .cew-tac-q:focus-visible{outline:2px solid currentColor;outline-offset:3px}
.cew-tac .cew-tac-q span{min-width:0}

.cew-tac .cew-tac-chev{
	flex:none;
	width:var(--cew-tac-chev-size);
	height:var(--cew-tac-chev-size);
	color:var(--cew-tac-chev);
	transition:transform .3s ease;
}
.cew-tac .cew-tac-item.is-open .cew-tac-chev{transform:rotate(180deg)}

.cew-tac .cew-tac-a{
	display:grid;
	grid-template-rows:0fr;
	transition:grid-template-rows .35s cubic-bezier(.22,1,.36,1);
}
.cew-tac .cew-tac-item.is-open .cew-tac-a{grid-template-rows:1fr}
.cew-tac .cew-tac-a-inner{
	min-height:0;
	overflow:hidden;
	padding-right:24px;
	color:#727272;
	font-size:14px;
	line-height:1.43;
	opacity:0;
	transition:opacity .25s ease, padding-top .35s cubic-bezier(.22,1,.36,1);
}
.cew-tac .cew-tac-item.is-open .cew-tac-a-inner{opacity:1;padding-top:8px}

@media(max-width:1024px){
	.cew-tac{--cew-tac-cols:2}
}
@media(max-width:767px){
	.cew-tac{--cew-tac-cols:1}
	.cew-tac .cew-tac-card{min-height:0}
	.cew-tac{--cew-tac-title-lines:0}
}
@media(prefers-reduced-motion:reduce){
	.cew-tac .cew-tac-a,.cew-tac .cew-tac-a-inner,.cew-tac .cew-tac-chev{transition:none}
}
