/**
 * Page hint CSS — hex image masks and landing-page tweaks.
 */

.eab-hex-image .avia-image-container-inner,
.eab-hex-image .avia-image-container-inner img {
	clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
	-webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
}

.eab-hex-image .avia-image-container-inner img {
	width: 100%;
	height: auto;
	object-fit: cover;
}

.eab-dark-icon-box .avia-icon-box-icon {
	color: #3d8b37 !important;
}

.eab-dark-icon-box .avia-icon-box-title,
.eab-dark-icon-box .avia-icon-box-content {
	color: #ffffff !important;
}

.eab-vs-badge {
	text-align: center;
	padding: 10px 0;
}

.eab-vs-badge .avia-icon-box-icon {
	display: inline-block;
	background: #3d8b37;
	border-radius: 50%;
	width: 48px;
	height: 48px;
	line-height: 48px;
}

.eab-vs-badge .avia-icon-box-icon svg:first-child {
	fill: #ffffff;
	stroke: #ffffff;
	width: 24px;
	height: 24px;
	margin-top: 12px;
}

.eab-bg-muster .container {
	position: relative;
}

.eab-bg-process-arrows .container {
	position: relative;
}