.bpsgva-logo {
	display: inline-flex;
	align-items: center;
	justify-content: flex-start;
	width: min(180px, 100%);
	min-height: 44px;
	margin: 0 0 18px;
}

.bpsgva-logo img {
	display: block;
	width: auto;
	max-width: 170px;
	max-height: 44px;
	object-fit: contain;
}

.bpsgva-logo--ringcentral img,
.bpsgva-logo--dialpad img,
.bpsgva-logo--zoom-phone img,
.bpsgva-logo--goto-connect img,
.bpsgva-logo--8x8 img,
.bpsgva-logo--vonage img {
	max-width: 190px;
	max-height: 50px;
}

.bpsgva-logo--nextiva img,
.bpsgva-logo--ooma img {
	max-width: 155px;
	max-height: 42px;
}

.bpsgva-industry-image {
	display: block;
	width: 100%;
	aspect-ratio: 16 / 9;
	margin: 0 0 18px;
	overflow: hidden;
	border-radius: 18px;
	background: #eaf2ff;
}

.bpsgva-industry-image img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.bpsgva-provider-enhanced,
.bpsgva-industry-enhanced {
	overflow: hidden;
}

.bpsgva-provider-linked {
	cursor: pointer;
}

.bpsgva-provider-linked:focus-visible {
	outline: 3px solid rgba(20, 93, 255, .35);
	outline-offset: 4px;
}

.bpsgva-original-hero-hidden {
	display: none !important;
}

.bpsgva-metro-hero {
	position: relative;
	isolation: isolate;
	display: grid;
	grid-template-columns: minmax(0, 54fr) minmax(390px, 46fr);
	gap: clamp(36px, 6vw, 88px);
	align-items: center;
	width: 100%;
	margin: 0 auto;
	padding: clamp(32px, 5vw, 68px) 0 clamp(28px, 4vw, 54px);
	color: #061a3a;
}

.bpsgva-metro-hero::before {
	content: "";
	position: absolute;
	inset: -44px -28vw -24px;
	z-index: -2;
	background:
		radial-gradient(circle at 78% 18%, rgba(61, 111, 255, .16), transparent 36%),
		linear-gradient(180deg, #fbfdff 0%, #eef7ff 100%);
}

.bpsgva-metro-copy {
	position: relative;
	z-index: 3;
	background: linear-gradient(90deg, rgba(251, 253, 255, .98) 0%, rgba(251, 253, 255, .96) 78%, rgba(251, 253, 255, .74) 100%);
	padding-right: clamp(16px, 3vw, 44px);
}

.bpsgva-eyebrow {
	margin: 0 0 20px;
	color: #075dff;
	font-size: 13px;
	font-weight: 900;
	letter-spacing: .12em;
	text-transform: uppercase;
}

.bpsgva-metro-copy h1 {
	max-width: 650px;
	margin: 0;
	color: #061a3a;
	font-size: clamp(42px, 5.1vw, 68px);
	line-height: 1.05;
	font-weight: 900;
	letter-spacing: -.035em;
}

.bpsgva-metro-copy p:not(.bpsgva-eyebrow) {
	max-width: 660px;
	margin: 20px 0 0;
	color: #142c50;
	font-size: clamp(18px, 1.45vw, 22px);
	line-height: 1.58;
}

.bpsgva-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
	margin-top: 30px;
}

.bpsgva-actions a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 54px;
	padding: 0 28px;
	border-radius: 10px;
	text-decoration: none;
	font-size: 16px;
	font-weight: 850;
}

.bpsgva-actions a:first-child {
	color: #fff;
	background: #145dff;
	box-shadow: 0 14px 30px rgba(20, 93, 255, .23);
}

.bpsgva-actions a:last-child {
	color: #075dff;
	background: #fff;
	border: 2px solid #145dff;
}

.bpsgva-metro-providers {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 16px 22px;
	margin-top: 28px;
}

.bpsgva-metro-providers > span:first-child {
	flex-basis: 100%;
	color: #162d4d;
	font-size: 15px;
	font-weight: 850;
}

.bpsgva-metro-providers .bpsgva-logo {
	width: auto;
	min-height: 26px;
	margin: 0;
}

.bpsgva-metro-providers .bpsgva-logo img {
	max-width: 112px;
	max-height: 30px;
}

.bpsgva-metro-visual {
	position: relative;
	z-index: 1;
	min-height: 520px;
	overflow: visible;
}

.bpsgva-metro-visual figure {
	position: absolute;
	right: 0;
	top: clamp(-100px, -6.5vw, -62px);
	width: min(790px, 51vw);
	height: 575px;
	margin: 0;
	overflow: hidden;
	border-radius: 0 0 0 250px;
	background: #dbeafe;
	box-shadow: 0 24px 76px rgba(15, 42, 80, .13);
	mask-image: linear-gradient(90deg, rgba(0, 0, 0, .30) 0%, rgba(0, 0, 0, .86) 18%, #000 100%);
	-webkit-mask-image: linear-gradient(90deg, rgba(0, 0, 0, .30) 0%, rgba(0, 0, 0, .86) 18%, #000 100%);
}

.bpsgva-metro-visual figure img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.bpsgva-metro-visual aside {
	position: absolute;
	left: 0;
	bottom: clamp(28px, 3.4vw, 58px);
	z-index: 2;
	width: 320px;
	padding: 28px 30px 26px;
	border: 1px solid rgba(135, 169, 220, .50);
	border-radius: 20px;
	background: rgba(255, 255, 255, .95);
	box-shadow: 0 22px 65px rgba(15, 42, 80, .14);
	backdrop-filter: blur(14px);
}

.bpsgva-metro-visual h2 {
	margin: 0 0 20px;
	color: #061a3a;
	font-size: 27px;
	line-height: 1.12;
}

.bpsgva-metro-visual dl {
	display: grid;
	gap: 14px;
	margin: 0;
}

.bpsgva-metro-visual dl div {
	display: grid;
	grid-template-columns: 112px 1fr;
	gap: 12px;
}

.bpsgva-metro-visual dt {
	color: #061a3a;
	font-size: 14px;
	font-weight: 900;
}

.bpsgva-metro-visual dd {
	margin: 0;
	color: #526986;
	font-size: 15px;
	line-height: 1.35;
}

@media (max-width: 1180px) {
	.bpsgva-metro-hero {
		grid-template-columns: 1fr;
		margin-top: 0;
	}

	.bpsgva-metro-copy {
		padding-right: 0;
		background: transparent;
	}

	.bpsgva-metro-visual {
		display: flex;
		flex-direction: column;
		min-height: auto;
	}

	.bpsgva-metro-visual aside {
		position: relative;
		left: auto;
		bottom: auto;
		order: 1;
		width: min(360px, 100%);
		margin-bottom: 18px;
	}

	.bpsgva-metro-visual figure {
		position: relative;
		right: auto;
		top: auto;
		order: 2;
		width: 100%;
		height: 330px;
		border-radius: 24px;
	}
}

@media (max-width: 700px) {
	.bpsgva-logo {
		min-height: 38px;
		margin-bottom: 14px;
	}

	.bpsgva-logo img {
		max-width: 148px;
		max-height: 38px;
	}

	.bpsgva-industry-image {
		margin-bottom: 14px;
		border-radius: 14px;
	}

	.bpsgva-metro-hero {
		width: calc(100% - 28px);
		gap: 28px;
	}

	.bpsgva-metro-copy h1 {
		font-size: clamp(40px, 11vw, 58px);
	}

	.bpsgva-actions {
		display: grid;
	}

	.bpsgva-metro-visual dl div {
		grid-template-columns: 1fr;
	}

	.bpsgva-metro-visual figure {
		height: 230px;
		border-radius: 18px;
	}
}

/* Keep metro skyline visuals below the site navigation on live pages. */
.mias-premium-metro-hero,
.bpsgva-metro-hero {
	width: 100% !important;
	max-width: none !important;
	margin-left: auto !important;
	margin-right: auto !important;
	margin-top: 0 !important;
}

.mias-premium-metro-hero::before,
.bpsgva-metro-hero::before {
	top: 0 !important;
}

.mias-premium-metro-hero__image,
.bpsgva-metro-visual figure {
	top: 0 !important;
}

.mias-premium-metro-hero__image {
	right: 0 !important;
}

.mias-premium-metro-hero__visual,
.bpsgva-metro-visual {
	min-height: 560px;
}

@media (max-width: 1180px) {
	.mias-premium-metro-hero,
	.bpsgva-metro-hero {
		width: calc(100% - 44px) !important;
		margin-top: 0 !important;
	}

	.mias-premium-metro-hero__image,
	.bpsgva-metro-visual figure {
		top: auto !important;
	}

	.mias-premium-metro-hero__visual,
	.bpsgva-metro-visual {
		min-height: auto;
	}
}

@media (max-width: 700px) {
	.mias-premium-metro-hero,
	.bpsgva-metro-hero {
		width: calc(100% - 28px) !important;
	}
}