/* Prospects page: electric traction */
.prospects-electric {
	padding: 56px 0 59px;
	background: var(--color-navy) url(../../images/bg-hex-dark.svg) 0 0 repeat;
	color: var(--color-white);
}

.prospects-electric-intro {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 48px;
	padding-bottom: 56px;
	border-bottom: 1px solid rgba(255, 255, 255, .06);
}

.prospects-electric-intro-text {
	flex: none;
	width: 660px;
}

.prospects-electric-eyebrow {
	padding-bottom: 11px;
}

.prospects-electric-title {
	margin-top: 24px;
	font: 600 56px/66px var(--font-title);
	text-transform: uppercase;
	color: var(--color-white);
}

.prospects-electric-subtitle {
	margin-top: 7px;
	font: 700 19px/24px var(--font-text);
	color: var(--color-white);
}

.prospects-electric-lead {
	margin-top: 23px;
	font: 400 15.5px/25px var(--font-text);
	color: var(--color-border);
}

.prospects-electric-intro-media {
	position: relative;
	flex: none;
	width: 564px;
	height: 271px;
	overflow: hidden;
	border: 1px solid rgba(255, 255, 255, .14);
	border-radius: 20px;
	background: #0a1d36;
}

.prospects-electric-heading {
	margin-top: 47px;
	font: 500 28px/34px var(--font-title);
	color: var(--color-white);
}

.prospects-electric-list {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 24px;
	margin-top: 39px;
}

.prospects-electric-card {
	min-width: 0;
	min-height: 392px;
	overflow: hidden;
	padding-bottom: 15px;
	border: 1px solid rgba(255, 255, 255, .12);
	border-radius: 12px;
	background: linear-gradient(180deg, #0f223e 0%, #143f77 100%);
}

.prospects-electric-card-media {
	position: relative;
	height: 167px;
	background: #0a1d36;
}

.prospects-electric-card-tag {
	position: absolute;
	top: 15px;
	left: 15px;
	width: 46px;
	height: 26px;
	border-radius: 6px;
	background: var(--color-accent);
	font: 700 13px/26px var(--font-text);
	text-align: center;
	color: var(--color-white);
}

.prospects-electric-card-title {
	margin: 28px 27px 0;
	font: 700 16px/21px var(--font-text);
	color: var(--color-white);
}

.prospects-electric-card-text {
	margin: 12px 27px 0;
	font: 400 13.5px/21px var(--font-text);
	color: var(--color-border);
}

@media (max-width: 1279px) {
	.prospects-electric-intro {
		gap: 32px;
	}

	.prospects-electric-intro-text {
		flex: 1;
		width: auto;
	}

	.prospects-electric-intro-media {
		width: 45%;
	}

	.prospects-electric-list {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 1023px) {
	.prospects-electric-intro {
		flex-direction: column;
	}

	.prospects-electric-intro-media {
		width: 100%;
		height: 260px;
	}

	.prospects-electric-title {
		font-size: 44px;
		line-height: 52px;
	}
}

@media (max-width: 767px) {
	.prospects-electric {
		padding: 40px 0;
	}

	.prospects-electric-intro {
		padding-bottom: 32px;
	}

	.prospects-electric-title {
		font-size: 36px;
		line-height: 44px;
	}

	.prospects-electric-subtitle {
		font-size: 17px;
	}

	.prospects-electric-lead {
		font-size: 15px;
		line-height: 24px;
	}

	.prospects-electric-intro-media {
		height: 200px;
	}

	.prospects-electric-heading {
		margin-top: 32px;
		font-size: 23px;
		line-height: 28px;
	}

	.prospects-electric-list {
		grid-template-columns: 1fr;
		gap: 16px;
		margin-top: 24px;
	}

	.prospects-electric-card {
		min-height: 0;
	}

	.prospects-electric-card-media {
		height: 180px;
	}
}