/* Static copy fixes: hero that replaces the slider, missing icon font, responsive layout */

html, body { overflow-x: hidden; }
img, video, iframe { max-width: 100%; }
img { height: auto; }

/* Hero (replaces Slider Revolution) */
.nm-hero {
	position: relative;
	display: flex;
	align-items: center;
	min-height: 600px;
	padding: 60px 0;
	background-color: #0d5bb8;
	background-repeat: no-repeat;
	background-position: right center;
	background-size: cover;
}
.nm-hero__inner {
	width: 100%;
	max-width: 1170px;
	margin: 0 auto;
	padding: 0 15px;
}
.nm-hero__title,
.nm-hero__sub,
.nm-hero__btn { max-width: 560px; }
.nm-hero__title {
	margin: 0 0 18px;
	font-family: "Lexend", sans-serif;
	font-size: 48px;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: -1px;
	color: #fff;
}
.nm-hero__sub {
	margin: 0 0 30px;
	font-family: "Lexend", sans-serif;
	font-size: 20px;
	font-weight: 500;
	line-height: 1.5;
	color: #ffe100;
}
.nm-hero__btn {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 0 28px;
	min-height: 50px;
	border-radius: 25px;
	background: #e22424;
	font-family: "Lexend", sans-serif;
	font-size: 16px;
	font-weight: 500;
	color: #fff;
	transition: background-color .2s;
}
.nm-hero__btn:hover,
.nm-hero__btn:focus { background: #b81818; color: #fff; }

/* Flaticon font was never archived: draw the arrows with Font Awesome instead */
[class^="flaticon-"]:before,
[class*=" flaticon-"]:before { font-family: "Font Awesome 5 Pro" !important; font-weight: 900 !important; }
.flaticon-arrow-pointing-to-right:before { content: "\f061" !important; }
.flaticon-css:before { content: "\f00c" !important; }

@media (max-width: 1024px) {
	.nm-hero { min-height: 480px; }
	.nm-hero__title { font-size: 40px; }
}

@media (max-width: 767px) {
	.nm-hero {
		min-height: 0;
		padding: 56px 0 110px;
		background-position: 70% center;
	}
	.nm-hero:before {
		content: "";
		position: absolute;
		inset: 0;
		background: linear-gradient(90deg, rgba(13, 79, 170, .92) 0%, rgba(13, 79, 170, .7) 100%);
	}
	.nm-hero__inner { position: relative; padding: 0 16px; }
	.nm-hero__title { font-size: 30px; letter-spacing: -.5px; }
	.nm-hero__sub { font-size: 16px; margin-bottom: 24px; }
	.nm-hero__btn { min-height: 46px; font-size: 15px; }
}