h1, h2, h3, h4, h5, h6 {
	font-family: "Saira", var(--bs-body-font-family), sans-serif;
}

svg {
	fill: currentColor;
	height: 1em;
	margin-bottom: 0.25rem !important;
}

.navbar-brand > svg {
	height: 3rem;
	margin-bottom: 0 !important;
}

.navbar-nav:nth-child(1) .nav-link {
	padding: 0.75rem 0rem 0.75rem 1rem !important;
	border-bottom: 1px solid #dee2e6;
}

.navbar-nav:nth-child(2) {
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
	flex-direction: row !important;
	--bs-nav-link-padding-x: 1rem !important;
}

.navbar .dropdown-toggle::after {
	display: none
}

.dropdown-item {
	padding: 0.8rem 1rem !important;
}

#main-carousel .carousel-item img {
	width: 100%;
	height: 30rem;
	display: block;
	object-fit: cover;
}

#main-carousel .carousel-item > div {
	color: white;
	text-align: center;
}

.carousel-indicators [data-bs-target] {
	height: 5px !important;
}

#showcase-container img {
	max-height: 12rem;
	object-fit: cover;
}

#backdrop {
	background-size: cover;
	background-attachment: fixed;
}

#backdrop > div {
	background: rgba(33, 37, 41, 0.9);
}

.text-justify {
	text-align: justify;
	text-align-last: center;
}

#brands a {
	color: white;
	text-decoration: none;
}

#brands svg {
	margin: 1rem !important;
	height: unset;
	min-height: 2rem;
	max-height: 4rem;
	max-width: 6rem;
	opacity: 0.7;
	transition: opacity .15s ease-in-out;
}

#brands svg:hover {
	opacity: 1.0;
}

.darken {
	background: rgba(33, 37, 41, 0.6);
	backdrop-filter: blur(2px);
}

.anchor-pad {
	padding-top: 5rem;
	margin-top: -3rem;
}

#achievements svg {
	height: 4rem;
}

#testimonials-carousel .carousel-inner {
	font-family: serif;
}

.card img, .card-img-caption {
	transition: opacity 0.4s;
}

.card img {
	object-fit: cover;
	height: 20rem;
}

.card a:hover img {
	opacity: 0.1;
}

.card a:hover .card-img-caption {
	opacity: 1 !important;
}

.bg-contact {
	--bs-bg-opacity: 0.9;
}

#contact-toggler {
	cursor: pointer;
}

form[action="/send-enquiry/"] .form-check:nth-child(1) {
	display: none;
}

footer .form-control, #contact-content .form-control {
	border-radius: 0px !important;
	border: none !important;
	border-bottom: 1px solid #dee2e6 !important;
	color: rgba(var(--bs-light-rgb),1) !important;
	background-color: transparent !important;
}

footer .form-control::placeholder, #contact-content .form-control::placeholder {
	color: rgba(var(--bs-light-rgb),0.5) !important;
}

.tooltip-white {
	--bs-tooltip-bg: var(--bs-white) !important;
	--bs-tooltip-color: var(--bs-black) !important;
}

@media all and (max-width: 991px) {

	#main-carousel .carousel-item > div {
		top: 50% !important;
		padding-right: 1rem !important;
		padding-left: 1rem !important;
	}

	#main-carousel .carousel-item > div > *{
		padding-top: 0.25rem !important;
		padding-bottom: 0.25rem !important;
	}
}

@media all and (min-width: 1200px) {
	.navbar .nav-item:hover .dropdown-menu{ display: block }
	.navbar .dropdown-toggle::after { display: inline-block }

	#main-carousel .carousel-item img {
		height: 40rem;
	}

	#brands svg {
		margin: 1rem 1.5rem !important;
		max-height: 6rem;
		max-width: 11rem;
	}

	.navbar-nav:nth-child(1) .nav-link {
		border: none;
	}

	.navbar-nav:nth-child(2) {
		margin-top: 0;
		margin-bottom: 0;
	}

	#articles .btn {
		width: auto !important;
	}
}

@media all and (min-width: 1200px) {
	.navbar-nav:nth-child(1) .nav-link {
		padding: 0.75rem 1rem !important;
	}
}

@font-face {
	font-family: "Saira";
	src: url("/static/webfonts/Saira-Variable.ttf") format("truetype");
}