@charset "utf-8";
/* CSS Document */

* {box-sizing: border-box; }

html {
	background-color: #0A1E3F;
}

h1 {
    font-family: "montserrat", sans-serif;
	font-weight: 700;
	font-style: normal;
}

h2 {
    font-family: "montserrat", sans-serif;
	font-weight: 600;
	font-style: normal;
}

h3 {
    font-family: "montserrat", sans-serif;
	font-weight: 600;
	font-style: normal;
}

.form-control {
	font-family: "open-sans", sans-serif;
	font-weight: 400;
	font-style: normal;
}

p {
	font-family: "open-sans", sans-serif;
	font-weight: 400;
	font-style: normal;
	padding: 0 !important;
}

.image-container {
    position: relative; /* Establishes a positioning context for the text */
    display: inline-block; /* Helps maintain consistent sizing with the image */
}

.image-container img {
    display: block; /* Removes extra whitespace issues */
    max-width: 100%; /* Makes image responsive within its container */
    height: auto;
}

.product-img {
	display: inline-block;
	max-width: 100%;
	height: auto;
}

.overlay-text {
    position: absolute; /* Positions the text over the image */
    top: 50%; /* Starts positioning from the vertical middle */
    left: 50%; /* Starts positioning from the horizontal middle */
    transform: translate(-50%, -50%); /* Centers the text perfectly */
    padding: 10px 20px;
    text-align: center !important;
	color: white;
	font-size: 2em;
}

.btn-green {
	background-color: #0A1E3F;
	color: white;
	border-radius: 10px;
	padding: 10px 40px;
	font-family: "montserrat", sans-serif;
	font-weight: 600;
	font-style: normal;
}

.logo {
	max-width: 100%; /* Ensures logo doesn't exceed container width */
	height: auto;    /* Maintains original aspect ratio */
	width: 450px;
}

.nav-item {
	color: #0A1E3F;
	font-family: "montserrat", sans-serif;
	font-weight: 600;
	font-style: normal;
	padding-top: 4px;
}

.contact-link {
	padding-right: 12px;
}

.nav-link:hover {
	color: #00B8D9 !important;
}

.buttonLink {
	color: #0A1E3F;
	font-family: "montserrat", sans-serif;
	font-weight: 600;
	font-style: normal;
}

.buttonLink:hover {
	color: #00B8D9 !important;
}

.buttonLink .homepageButton {
	color: #EEF3F4 !important;
}

.buttonLink .homepageButton:hover {
	color: #00B8D9 !important;
}

.hero {
	width: 100%;
	height: auto;
}

.headerBelow {
	background-color: #0A1E3F;
	color:white;
}

.secondSection {
	color: #0A1E3F;
	padding-bottom: 25px;
}

.thirdSection {
	padding: 12px 25px 12px 45px;
	background-color: #0A1E3F;
}

.thirdSection h2, .thirdSection p {
	text-align: left !important;
}

.fourthSection {
	padding-bottom: 25px;
}

.fourthSection h2 {
	color: #0A1E3F;
}

.col-md-6 p {
	padding-left: 2em;
}

/* quote page */

.form {
	margin-left: auto;
	padding: 1em 2em;
	display: flex;
}

.form h1, .form h3 {
	color: #0A1E3F;
}

.privacy {
	padding-top: 10px;
}

.info-consent {
	font-size: 12px;
	padding-left: 0 !important;
}

.productCards .col-md-4 {
	display: flex;
}

.productCards .col-md-4 > div {
	width: 100%;
}

/* products page */

.productPage {
	color: #0A1E3F;
}

.productCards {
	margin: 0px 25px;
	padding-top: 1em;
}

.productCards .container {
	border: 2px solid #0A1E3F;
	border-radius: 25px;
	background-color: #EEF3F4;
	padding: 12px;
}

.productsQuote a {
	text-decoration: none;
	color: #0A1E3F;
}

.productsQuote a:hover {
	color: #aeb8c2;
}

.background-epander {
	padding-bottom: 50px;
}

.card {
	background-color: #0A1E3F;
}

.card-body {
	color: white;
}

.testimonials p {
	margin-top: 7em;
}

.carousel-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.carousel-item img {
	position: relative;
	z-index: 0;
}

.carousel-caption {
	z-index: 2;
	text-align: left;
}

.carousel-caption .row {
	padding-left: 3em;
	padding-top: 3em;
}

.carousel-indicator li {
	overflow: hidden;
	text-indent: -9999px;
}

/* our team page */

.ceo {
	max-width: 100%;
	width: 400px;
	height: 400px;
	display: inline-block;
}

.ceo-text {
	padding: 7em 0 0 0;
}

.ceo-container {
	padding-left: 15em;
}

.management {
	max-width: 100%;
	width: 400px;
	height:400px;
	display: inline-block;
}

.managers {
	padding-top: 2em;
	display: flex;
  	justify-content: center;
}

.managers h2, .managers p {
	padding-top: 2em;
}

.managers-reversed {
	background-color: #EEF3F4;
	padding-left: 4em;
	padding-bottom: 2em;
}

.managers-forward {
	padding-right: 4em;
	padding-bottom: 2em;
}

.mobile-name {
	display: none;
}

footer {
	background-color: #0A1E3F;
	color: #EEF3F4 !important;
}

footer h3 {
	text-align: left !important;
}

footer p {
	text-align:left !important;
}

footer .copyright {
	text-align: center !important;
}

.btn-green:hover {
	color: #00B8D9;
}

.footNav a {
	text-decoration: none;
	color: #AEB8C2;
}

.footNav a:hover {
	color: #00B8D9;
}

@media screen and (max-width: 991px) {
	
	.eotm-section {
		display: none;
	}
	
	.ceo-overall {
		display: none;
	}
	
	.overlay-text p {
		display: none;
	}
	
	.headerBelow img {
		display: none;
	}
	
	.ceo {
		width: 400px;
		height: 400px;
	}
	
	.management {
		width: 100%;
	}
	
	.manager-name {
		display: none;
	}
	
	.mobile-name {
		display: contents;
	}
	
	.btn-green {
		box-sizing: border-box;
		padding: 10px 20px;
		font-size: 12px;
	}
	
	.button-spacing {
		padding-bottom: 60px;
	}
	
	.productCards .col-md-4 {
		padding: 10px 0;
	}
	
	.carousel-section {
		display: none;
	}
	
	.management {
	max-width: 100%;
	width: 300px;
	height:300px;
	display: inline-block;
	display: none;
	}
	
	.employee-of-the-month {
		max-width: 100%;
		width: 300px;
		height: 300px;
		display: inline-block;
	}
	
	.employee-text {
		margin: auto;
		display: block;
	}
	
	.managers {
	padding-top: 2em;
	display: flex;
  	justify-content: center;
	margin-bottom: 2em;
	}

	.managers h2, .managers p {
		padding-top: 2em;
	}

	.managers-reversed {
		background-color: #EEF3F4;
		padding-left: 0;
		margin-bottom: 2em;
	}

	.managers-forward {
		padding-right: 0;
		padding-bottom: 0;
	}
}