/* MES industries diagram */

.mes-industries {
	--mes-industries-line: #747474;
	--mes-industries-dot: #2b2b2b;
	--mes-industries-text: #525252;
	width: 100%;
	padding: 10px 0 20px;
	background: transparent;
	overflow: visible;
}

.mes-industries__inner {
	max-width: none;
	margin: 0;
	padding: 0;
	overflow: visible;
}

.mes-industries-right-slot {
	min-height: 280px;
}

.mes-industries-right-slot h3 {
	margin: 0 0 18px;
	font-family: "Montserrat", "Helvetica Neue", Arial, sans-serif;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.35;
	letter-spacing: 0.02em;
	color: #303030;
}

.mes-industries-right-slot p {
	margin: 0 0 24px;
	font-family: "Montserrat", "Helvetica Neue", Arial, sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.55;
	color: #6a6a6a;
}

.mes-industries-right-slot p:last-child {
	margin-bottom: 0;
}

.mes-industries__visual {
	overflow: visible;
}

.mes-industries__canvas {
	position: relative;
	width: 100%;
}

.mes-industries__svg {
	display: block;
	width: 100%;
	height: auto;
	overflow: visible;
}

.mes-industries__photo-ring {
	stroke: #e8e8e8;
	stroke-width: 2;
}

.mes-industries__arc,
.mes-industries__branch {
	stroke: var(--mes-industries-line);
	stroke-width: 1.6;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.mes-industries__arc-dot,
.mes-industries__node-inner {
	fill: var(--mes-industries-dot);
}

.mes-industries__node-outer {
	stroke: var(--mes-industries-line);
	stroke-width: 1.6;
}

.mes-industries__label {
	position: absolute;
	transform: translateY(-50%);
	pointer-events: none;
	white-space: nowrap;
	color: #222222;
	font-family: "Montserrat", "Helvetica Neue", Arial, sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.45;
	letter-spacing: 0;
}

.mes-industries__label > div {
	display: block;
}

.mes-industries__mobile-photo {
	display: none;
	width: 220px;
	height: 220px;
	margin: 0 auto 28px;
	border-radius: 50%;
	overflow: hidden;
	border: 2px solid #e6e6e6;
}

.mes-industries__mobile-photo img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.mes-industries__list {
	display: none;
	margin: 28px 0 0;
	padding: 0;
	list-style: none;
}

.mes-industries__list li {
	position: relative;
	margin: 0 0 14px;
	padding-left: 22px;
	font-family: "Montserrat", "Helvetica Neue", Arial, sans-serif;
	font-size: 17px;
	font-weight: 500;
	line-height: 1.4;
	color: #4f4f4f;
}

.mes-industries__list li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0.45em;
	width: 10px;
	height: 10px;
	border: 1.5px solid #9a9a9a;
	border-radius: 50%;
	box-shadow: inset 0 0 0 2.5px #fff, inset 0 0 0 4px #333;
}

/* Prevent WPBakery/WoodMart clipping */
.vc_row:has(.mes-industries),
.wpb_column:has(.mes-industries),
.vc_column-inner:has(.mes-industries),
.wpb_wrapper:has(.mes-industries),
.wpb_text_column:has(.mes-industries) {
	overflow: visible !important;
}

@media (max-width: 900px) {
	.mes-industries {
		padding: 28px 0 40px;
	}

	.mes-industries-right-slot h3 {
		font-size: 16px;
	}

	.mes-industries-right-slot p {
		font-size: 15px;
	}

	.mes-industries__visual {
		display: none;
	}

	.mes-industries__mobile-photo {
		display: block;
	}

	.mes-industries__list {
		display: block;
		max-width: 520px;
		margin-left: auto;
		margin-right: auto;
	}
}