/* Home section 05 — "Our Global Engineering Presence" world map (Figma node 1:1267) */

.global-presence {
	background: var(--color-bg-light);
	padding: 60px 20px 80px;
}

.global-presence__inner,
body .global-presence__inner {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 20px;
}

.global-presence__header,
body .global-presence__header {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 10px;
	text-align: center;
	max-width: 860px;
}

.global-presence__title {
	font-weight: 700;
	font-size: 40px;
	line-height: normal;
	color: var(--color-navy);
}

.global-presence__subtitle p {
	font-size: 16px;
	line-height: normal;
	color: #374151;
}

.global-presence__map-wrap {
	width: 100%;
	display: flex;
	justify-content: center;
	overflow: hidden;
}

.global-presence__map {
	position: relative;
	width: 871.3px;
	height: 255.31px;
	flex-shrink: 0;
}

.global-presence__map-bg {
	position: absolute;
	left: 0;
	top: 65.96px;
	width: 871.3px;
	height: 189.35px;
	pointer-events: none;
}

/* core/image puts className on the wrapping <figure>, not the <img>, so the
   figure carries position/size and this companion rule stretches the image
   to fill it. */
.global-presence__map-bg img {
	width: 100%;
	height: 100%;
}

.global-presence__pin {
	position: absolute;
	width: 90.55px;
	height: 90.55px;
}

/* Per-pin coordinates (Figma-derived); replaces what used to be inline
   "style=" positioning so each pin can be a plain Group block. */
.global-presence__pin--canada {
	left: 0;
	top: 0;
}

.global-presence__pin--usa {
	left: 37.65px;
	top: 16.71px;
}

.global-presence__pin--uk {
	left: 335.65px;
	top: 11.76px;
}

.global-presence__pin--saudi {
	left: 462.65px;
	top: 39.71px;
}

.global-presence__pin--uae {
	left: 482.65px;
	top: 33.01px;
}

.global-presence__pin--maldives {
	left: 544.57px;
	top: 84.98px;
}

.global-presence__pin--lk {
	left: 567.31px;
	top: 68.18px;
}

.global-presence__pin--singapore {
	left: 641.06px;
	top: 78.29px;
}

.global-presence__pin--aus {
	left: 719.16px;
	top: 123.57px;
}

.global-presence__pin-shape {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	height: 100%;
	width: auto;
}

.global-presence__pin-shape img {
	height: 100%;
	width: auto;
}

.global-presence__pin-shadow {
	position: absolute;
	top: 7.68px;
	left: 50%;
	transform: translateX(-50%);
	width: 41.37px;
	height: 40.62px;
}

.global-presence__pin-shadow img {
	width: 100%;
	height: 100%;
}

.global-presence__pin-flag {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 56.95px;
	height: 56.95px;
	border-radius: 50%;
	overflow: hidden;
}

.global-presence__pin-flag img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

@media (max-width: 900px) {
	.global-presence__map-wrap {
		justify-content: center;
	}

	.global-presence__map {
		transform: scale(0.75);
		transform-origin: top center;
		margin-bottom: -63px;
	}
}

@media (max-width: 640px) {
	.global-presence__title {
		font-size: 28px;
	}

	.global-presence__map {
		transform: scale(0.48);
		transform-origin: top center;
		margin-bottom: -133px;
	}
}