
.sem-page-container {
	max-width: 100%;
	margin: 0 auto;
	padding-left: 16px;
	padding-right: 16px;
}

@media screen and (min-width: 576px) {
	.sem-page-container {
		max-width: 1040px;
	}
}

#sem-template-page-wrapper ul {
	list-style: none;
	padding-left: 0;
}

#sem-template-page-wrapper ul:not(.no-list-style) > li {
	position: relative;
	padding-left: 24px;
}

#sem-template-page-wrapper ul:not(.no-list-style) > li:before {
	content: "";
	position: absolute;
	left: 0;
	top: 8px;
	height: 4px;
	width: 4px;
	background-color: #15a79d;
}

.sem-hero {
	background-color: #081530;
	color: white;
	position: relative;
	padding-top: 40px;
}

/*.sem-hero:before {
    content: '';
    position: absolute;
    background-image: url(../img/pattern-xl-top.svg);
    right: 0;
    bottom: -113px;
    height: 493px;
    width: 100vw;
    z-index: 1;
    background-size: contain;
    background-repeat: no-repeat;
    background-position-x: right;
}*/
.sem-hero .form-container {
	background-color: white;
	color: #0c1e45;
	padding: 32px;
	border-radius: 4px;
	margin-bottom: -104px;
	z-index: 1;
	position: relative;
	margin-top: 40px;
	max-width: 384px;
	margin-left: auto;
	box-shadow: 1px 2px 3px rgba(51, 51, 51, .2);
}

.form-container h3, .img-text-block--content h3, .image-and-text-single h4 {
	font-size: 24px;
	line-height: 1.33;
	color: #0c1e45;
	margin-bottom: 32px;
	font-weight: 400;
}

.gfield {
	margin-bottom: 16px !important;
}

.gfield input, .gfield textarea {
	border: 1px solid #e4eaed;
	color: black !important;
}

.gfield input::placeholder, .gfield textarea::placeholder {
	color: #4c5b66 !important;
}

.gform_footer {
	padding: 0 !important;
	margin-top: 8px !important;
}

.gform_footer input[type=submit] {
	border-radius: 0;
	background-color: #305ec8;
	padding: 16px 24px;
	color: white;
	border: none;
	font-size: 16px;
	margin-bottom: 0;
}

.blue-bg-section *, .white-bg-section * {
	z-index: 2;
}

.blue-bg-section .container > div:last-child, .white-bg-section > div:last-child {
	padding-bottom: 0;
}

.img-text-block {
	padding-bottom: 64px;
}

.img-text-block .img-text-block--content {
	background: white;
	padding: 32px;
	margin-bottom: 32px;
	flex: 1;
}

.img-text-block--image img {
	width: 100%;
}

.blue-bg-section {
	background-color: #eff8ff;
	position: relative;
	padding-top: 152px;
	padding-bottom: 64px;
}

.blue-bg-section:before {
	content: "";
	position: absolute;
	background-image: url("https://cdn-ilbdklp.nitrocdn.com/dqaahUWFsgUSfjKgNAmXbJuPEUmNvjuP/assets/images/optimized/rev-a7f667b/stg.westpak.com/wp-content/themes/WestPak/img/pattern-xl-middle.svg");
	bottom: -150px;
	left: 0;
	height: 576px;
	width: 100vw;
	z-index: 1;
	background-size: contain;
	background-repeat: no-repeat;
	background-position-x: left;
}

.large-video-block iframe {
	width: 100%;
	height: 200px;
}

.landing-single-card-link, .large-video-block {
	margin-bottom: 32px;
}

.landing-single-card {
	padding: 16px;
	border: none;
	height: 100%;
}

.landing-single-card .landing-card-cta i {
	margin-left: 0;
	transition: .2s ease;
}

.landing-single-card:hover .landing-card-cta i {
	margin-left: 8px;
	transition: .2s ease;
}

.landing-single-card .card-icon {
	height: auto;
	width: 40px;
	margin-bottom: 24px;
}

.landing-single-card .card-title {
	position: relative;
	padding-bottom: 16px;
	margin-bottom: 16px;
}

.landing-single-card .card-title:after {
	position: absolute;
	content: "";
	height: 2px;
	width: 40px;
	left: 0;
	bottom: 0;
	background-color: #15a79d;
}

.landing-single-card .card-title .landing-card-cta h4 {
	text-transform: uppercase;
	font-size: 16px;
	color: #2d54aa;
	margin-bottom: 0;
}

.landing-single-card-link:hover {
	text-decoration: none;
}

.landing-single-card .card-content {
	color: #4c5b66;
	font-size: 16px;
}

.header-block {
	padding-bottom: 56px;
}

.header-block h3 {
	font-family: FreightTextProBook;
	font-size: 40px;
	line-height: 1.2;
	color: #0c1e45;
	text-align: center;
	max-width: 652px;
	margin: 0 auto;
}

.white-bg-section {
	padding-top: 64px;
	padding-bottom: 64px;
}

.image-and-text-single, .landing-page-card-block {
	padding-bottom: 64px;
}

.image-and-text-single img {
	height: 370px;
	width: 100%;
	object-fit: cover;
	margin-bottom: 32px;
}

.image-and-text-single h4 {
	margin-bottom: 24px;
}

.line-break {
	padding-bottom: 64px;
}

.line-break hr {
	height: 1px;
	border-top-color: #6290f9;
	width: 100%;
}

@media screen and (max-width: 768px) {
	.related-links-list {
		margin-bottom: 32px;
	}
}

@media screen and (min-width: 768px) {
	[class*=col-].img-text-block--image {
		padding-left: 32px;
	}
	
	.landing-single-card-link, .large-video-block, .image-and-text-single img {
		margin-bottom: 24px;
	}
	
	.img-text-block .img-text-block--content {
		margin-bottom: 0;
	}
	
	.large-video-block iframe {
		height: 398px;
	}
	
	.blue-bg-section:before {
		bottom: -180px;
		height: 707px;
		width: 30vw;
	}
	
	.sem-hero {
		padding-top: 64px;
	}
}

@media screen and (min-width: 1200px) {
	[class*=col-].img-text-block--image {
		padding-left: 24px;
	}
	
	.large-video-block iframe {
		height: 570px;
	}
	
	.blue-bg-section {
		padding-top: 208px;
		padding-bottom: 96px;
	}
	
	.white-bg-section {
		padding-top: 96px;
		padding-bottom: 96px;
	}
	
	.image-and-text-single, .landing-page-card-block, .line-break {
		padding-bottom: 96px;
	}
	
	.sem-hero:before {
		height: 616px;
		width: 45vw;
		bottom: -200px;
	}
	
	.blue-bg-section:before {
		/* bottom: -180px; */
		height: 884px;
		width: 200px;
	}
}
