.cbe-icon-with-text { display: flex; }
.cbe-icon-with-text.image-left {flex-direction: row;}
.cbe-icon-with-text.image-right {flex-direction: row-reverse;}
.cbe-icon-with-text.image-above {flex-direction: column;}

.cbe-icon-with-text.iwt-align-left {
	align-items: flex-start;
	text-align: left;
}

.cbe-icon-with-text.iwt-align-center {align-items: center;}
.cbe-icon-with-text.image-above.iwt-align-center .cbe-iwt-title { text-align: center; }
.cbe-icon-with-text.iwt-align-right {
	align-items: flex-end;
	text-align: right;
}

.cbe-icon-with-text.image-above .image-wrapper {
	margin-bottom: 20px;
}
.cbe-icon-with-text .image-wrapper {
	display: flex;
	justify-content: center;
	align-items: center;
	max-width: var(--svg-dim, 180px);
  	max-height: var(--svg-dim, 180px);
	background-color: var(--bg-color, transparent);
}

.cbe-icon-with-text .image-wrapper.svg-icon {
	border-radius: 50%;
	padding: calc(var(--svg-dim, 60px) - 30px);
}

.cbe-icon-with-text .image-wrapper.svg-icon svg {
	width: var(--svg-dim, 180px);
	height: var(--svg-dim, 180px);
}

.cbe-icon-with-text .image-wrapper svg,
.cbe-icon-with-text .image-wrapper path { color: var(--icon-color, #fff); fill: var(--icon-color, #fff); }
.cbe-icon-with-text .image-wrapper.icon-color-primary svg,
.cbe-icon-with-text .image-wrapper.icon-color-primary path { color: var(--accent-color); fill: var(--accent-color); }
.cbe-icon-with-text .image-wrapper.icon-color-primary-dark svg,
.cbe-icon-with-text .image-wrapper.icon-color-primary-dark path { color: var(--accent-color-dark); fill: var(--accent-color-dark); }
.cbe-icon-with-text .image-wrapper.icon-color-white svg,
.cbe-icon-with-text .image-wrapper.icon-color-white path { color: white; fill: white; }

.cbe-icon-with-text .image-wrapper.bg-primary {	background-color: var(--accent-color); }
.cbe-icon-with-text .image-wrapper.bg-primary-dark { background-color: var(--accent-color-dark); }
.cbe-icon-with-text .image-wrapper.bg-white { background-color: white; }
.cbe-icon-with-text .image-wrapper.svg-icon svg { object-fit: contain; }

.cbe-icon-with-text .image-wrapper img {
	max-height: var(--svg-dim, 180px);
	width: 100%;
	object-fit: cover;
	border-radius: 50%;
}

.cbe-icon-with-text .cbe-iwt-title { font-size: clamp(26px,1.5vw,32px); }
.cbe-icon-with-text.image-above .cbe-iwt-paragraph { max-width: 325px; }
.cbe-icon-with-text.image-above.iwt-align-center .cbe-iwt-paragraph { text-align: center; }
.cbe-icon-with-text.image-left .cbe-iwt-paragraph { margin-left: 20px; }
.cbe-icon-with-text.image-right .cbe-iwt-paragraph { margin-right: 20px; }
.cbe-icon-with-text .cbe-iwt-paragraph {
	font-weight: 400;
	color: var(--text-color);
	width: 80%;
}
.cbe-icon-with-text .cbe-iwt-paragraph:not(.--font-amethysta) {
	font-size: clamp(18px, 3vw, 25px);
}

@media screen and (max-width: 768px) {
	.cbe-icon-with-text .image-wrapper.svg-icon {
		width: 140px;
		height: 140px;
	}
	
	.cbe-icon-with-text .image-wrapper.svg-icon svg { padding: 20px; }
	.cbe-icon-with-text .cbe-iwt-paragraph {
		width: 90%;
		max-width: 300px;
	}
}