:root {
  --neda-blue: #3a4554;
  --steel-blue: #9aacb6;
  --cool-grey: #dadada;
  --neutral: #f9f2ea;
}

@font-face {
  font-family: 'CeraProMedium';
  src: url('/assets/webfonts/cerapromedium.woff') format('woff')
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	color: var(--neda-blue);
	font-family: 'CeraProMedium', sans-serif;
}

body {
	font-family: "Inter", sans-serif;
	padding-bottom: 0;
	padding-top: 6rem;
}

@media (max-width: 767px) {
	body {
		font-size: 13px;
	}
}

a {
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}

.navbar {
	background: #fff;
}

.navbar h1 {
	font-family: "Inter", sans-serif;
	font-size: 1rem;
	font-weight: 100;
	margin-bottom: 0;
	margin-top: 1.9rem;
}

@media (max-width: 991px) {
	.navbar h1 {
		display: none;
	}
}

/*.navbar>.container {
	justify-content: space-between;
}*/

.navbar-brand {
	margin: 0;
	padding: 0;
}

.navbar-nav {
	font-family: 'CeraProMedium', sans-serif;
	font-size: 1.2rem;
	text-transform: uppercase;
}

.navbar-collapse {
	justify-content: flex-end;
}

.navbar-expand-md .navbar-nav .nav-link {
	color: var(--neda-blue);
	padding-left: 1rem;
	padding-right: 1rem;
}

.navbar-expand-md .navbar-nav .nav-link:hover {
	color: var(--steel-blue);
}

.dropdown-menu {
	background-color: var(--steel-blue);
	border: none;
	border-radius: 0;
	border-top: .25rem solid var(--neda-blue);
	padding: 0;
}

.lotd {
	height: 4rem;
	margin: .5rem 1.5rem .5rem 0;
	width: auto;
}

.navbar-toggler {
	border: none;
	border-radius: 0;
}

.marketing .col-lg-4 {
	text-align: left;
}

.marketing .col-lg-4 h5 {
	margin-right: .75rem;
	margin-left: .75rem;
}

.cg .marketing h5 {
	border-bottom: 1px dashed #fff;
	width: 100%;
} 

.img-box {
	height: auto;
	width: 100%;
}

.carousel-item {
	height: 35rem;
}

.carousel-item img {
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.carousel h1 {
	color: #fff;
	text-shadow: 2px 2px 4px rgba(58,69,84,1);
}

.carousel-indicators {
	margin-bottom: 0;
}

.carousel-indicators [data-bs-target] {
	border-bottom: none;
	height: 10px;
}

.carousel-control-next, .carousel-control-prev {
	padding: .5rem;
}

.carousel-control-next {
	justify-content: flex-end;
}

.carousel-control-prev {
	justify-content: flex-start;
}

.carousel-control-next-icon {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23dadada'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.carousel-control-prev-icon {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23dadada'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
}

section {
	padding: 2rem 0;
}

section.cg {
	background-color: var(--cool-grey);
}

section.n {
	background-color: var(--neutral);
}

.form-control {
	border-radius: 0;
}

.btn-lot {
	background-color: var(--neda-blue);
	border-radius: 0;
	color: #fff;
	font-family: 'CeraProMedium', sans-serif;
	font-size: 1.25rem;
	text-transform: uppercase;
}

.btn-lot:hover {
	background-color: var(--steel-blue);
}

footer {
	background-color: var(--neutral);
	color: var(--steel-blue);
	font-size: .75rem;
	padding: 2rem 0;
	text-align: center;
}

footer p {
	margin: 1rem 0;
}

footer p span {
	display: inline-block;
	margin: 0 1rem;
}

footer a {
	color: var(--neda-blue);
	text-decoration: none;
}

footer a:hover {
	color: #000;
	text-decoration: underline;
}

footer .lotd {
	margin-right: 0;
}

.iso-fda img {
	display: inline-block;
	height: 4rem;
	margin: 0 2rem;
	text-align: center;
	width: auto;
}

@media (max-width: 767px) {
	footer .lotd {
		height: 3rem;
	}
	.iso-fda img {
		height: 2rem;
		margin: 1rem;
	}
}

/* tech specs */

.tech-spec {
	background-color: var(--cool-grey);
}

.tech-spec ul {
	font-size: .75rem;
	list-style: none;
	margin: 0;
	padding: 0;
}

.tech-spec ul li {
	display: flex;
	margin: 1rem 0;
}

.tech-spec ul li * {
	flex-basis: 50%;
}

.tech-spec ul em {
	font-style: normal;
	padding-left: 1rem;
}

@media (max-width: 480px) {
	.tech-spec ul li {
		flex-direction: column;
	}
}

/* slogan */

.slogan h1 {
	font-size: 4rem;
	text-align: center;
}

/* product logos */

.prod-logos {
	border-top: 1px dotted var(--steel-blue);
}

.prod-logos ul {
	display: flex;
	flex-direction: row;
	justify-content: center;
	list-style: none;
	margin: 0;
	padding: 0;
}

.prod-logos ul li img {
	height: 2.5rem;
	margin: 1rem 2rem;
	width: auto;
}

.prod-logos ul li a:hover {
	opacity: .5;
}

.prod-logos i {
	color: #fc951e;
	font-size: 1.5rem;
}

.prod-logos .ex-link {
	color: var(--steel-blue);
	font-size: .85rem;
	text-decoration: none;
}

.prod-logos .ex-link:hover {
	color: var(--neda-blue);
	text-decoration: underline;
}

@media (max-width: 991px) {
	.prod-logos ul li img {
		height: 2rem;
	}
}

@media (max-width: 767px) {
	.prod-logos ul {
		flex-direction: column;
	}
}

/* product hero images */

.hero {
	background-color: #eee;
	height: 65vh;
	position: relative;
	width: 100%;
}

.hero .hero-prod {
	height: 100%;
	object-fit: contain;
	position: absolute;
	width: 100%;
	z-index: 1;
}

.hero .hero-logo {
	bottom: 2rem;
	height: auto;
	max-height: 7.5rem;
	max-width: 25rem;
	position: absolute;
	right: 5rem;
	width: auto;
	z-index: 2;
}

@media (max-width: 991px) {
	.hero {
		height: 50vh;
	}
	.hero .hero-logo {
		max-height: 5rem;
		max-width: 12rem;
		right: 2.5rem;
	}
}

@media (max-width: 480px) {
	.hero .hero-logo {
		max-height: 4rem;
		max-width: 9rem;
		right: 2rem;
	}
}

/* product logo list */

.prod-list {
	display: flex;
	flex-direction: row;
	font-size: .85rem;
	gap: 5rem;
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: center;
}

.prod-list li {
	align-content: center;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 0;
}

.prod-list li .prod-logo {
	height: auto;
	max-height: 2.5rem;
	max-width: 10rem;
	margin: 0 auto 1rem;
	width: auto;
}

.prod-list li .prod-img {
	height: auto;
	max-height: 15rem;
	max-width: 15rem;
	margin: 0 auto 1rem;
	width: auto;
}

.prod-list li a {
	color: #fff;
	background-color: var(--steel-blue);
	display: inline-block;
	font-family: 'CeraProMedium', sans-serif;
	padding: .5rem 1rem;
	text-decoration: none;
}

.prod-list li a:hover {
	background-color: var(--neda-blue);
}

@media (max-width: 991px) {
	.prod-list {
		flex-direction: column;
		gap: 3rem;
	}
}

/* benefits */

.benefits {
	display: flex;
	flex-direction: row;
	gap: 2rem;
	list-style: none;
	margin: 0;
	padding: 0;
	padding-left: .5rem;
}

.benefits li {
	border-left: 1px solid var(--steel-blue);
	flex: 1 1 0px;
	font-size: .8rem;
	margin-top: 2.5rem;
	position: relative;
	padding-left: 1rem;
}

.benefits li .icon {
	height: 2rem;
	left: -1rem;
	position: absolute;
	top: -2.5rem;
	width: 2rem;
}

@media (max-width: 991px) {
	.benefits {
		flex-wrap: wrap;
	}
	.benefits li {
		flex-basis: calc(25% - 2rem);
		flex-grow: 0;
	}
}

@media (max-width: 767px) {
	.benefits {
		flex-direction: column;
		padding-left: 1rem;
	}
}

/* copy section */

.copy ul {
	list-style: none;
}

.copy ul li {
	line-height: 1.5;
}

.copy ul li:before {
	content: '\f061';
	font-family: 'Font Awesome 5 Free';
	font-style: normal;
	font-weight: 900;
	margin: 0 .5rem 0 -2rem;
	color: var(--steel-blue);
}

.copy h2 {
	margin-top: 4rem;
}

.copy img {
	height: auto;
	margin: 3rem auto;
	max-height: 100%;
	max-width: 100%;
	width: auto;
}

/* heading section */

.heading {
	background-color: var(--cool-grey);
	text-align: center;
}

.heading h1 {
	font-size: 3rem;
	margin: 0 2rem;
}

@media (max-width: 767px) {
	.heading h1 {
		font-size: 2rem;
	}
}

/* brochure button */

.btn-download {
	background-color: var(--neda-blue);
	border-radius: 0;
	color: #fff;
	display: block;
	font-family: 'CeraProMedium', sans-serif;
	font-size: 1.25rem;
	margin: auto;
	text-transform: uppercase;
}

.btn-download:hover {
	background-color: var(--steel-blue);
}

/* modal */

.modal-content {
	border-radius: 0;
}

.modal-header {
	background-color: var(--steel-blue);
	border-bottom: none;
	border-radius: 0;
}

.modal-title {
	color: var(--neda-blue);
	text-align: center;
	text-transform: uppercase;
}

.btn-close {
	color: #fff;
}

/* ratings */

.rated-iso {
	align-items: center;
	display: flex;
	flex-direction: row;
	gap: 5rem;
	justify-content: center;
}

.rated {
	display: block;
	height: 1.5rem;
	margin: .25rem auto;
	width: auto;
}

.rated-box {
	display: inline-block;
}

.rated-iso i {
	color: #fc951e;
	font-size: 1.5rem;
}

.rated-iso .ex-link {
	color: var(--steel-blue);
	font-size: .85rem;
	text-decoration: none;
}

.rated-iso .ex-link:hover {
	color: var(--neda-blue);
	text-decoration: underline;
}

.iso-fda-logo {
	height: 4rem;
	width: auto;
}

@media (max-width: 991px) {
	.rated-iso {
		gap: 3rem;
	}
}

@media (max-width: 767px) {
	.rated-iso {
		flex-direction: column;
		gap: 1rem;
	}
	.iso-fda-logo {
		height: 2rem;
	}
	.rated-iso i {
		font-size: 1rem;
	}
	.rated-iso h4 {
		font-size: 1rem;
	}
}