/** 
 * Theme Name: Tallac Consulting
 * Author: Central States Marketing
 * Author URI: https://www.centralstatesmarketing.com/
 * Description: This site was built by Central States Marketing. For more information about the site or this custom WordPress theme, you can contact Central States Marketing at: info@csm.marketing or call us at: 309-693-2345.
 * Version: 1.0.0
 *
 * @package tallac
 * @charset "UTF-8"
 */

/**
 * Table of Contents
 * -----------------
 * 1. Global Settings
 * 2. Typography
 * 3. Utils
 * 4. Site Header
 * 5. Navigation Takeover
 * 6. Drawer
 * 7. Hero Section
 * 8. Our Services Section
 * 9. Projects Section
 * 10. Testimonials Section
 * 11. Swiper Carousels
 * 12. Contact Page
 * 13. Footer
 * 14. Media Queries
 */



/* ======================== */
/* 1. Global Settings */
/* ======================== */

:root {
	--primary-navy: #112134;
	--primary-white: #FFFFFF;
	--primary-blue: #3F9EBA;
	--primary-dark-blue: #010202;

	--secondary-light-blue: #A8DAEA;
	--secondary-yellow: #F5AD1F;
	--secondary-light-gray: #F0F4FA;

	--primary: oklch(var(--primary-base));
	--secondary: oklch(var(--secondary-base));

	--shadow-color: oklch(var(--black-base) / 0.25);
	--shadow-color-hover: oklch(var(--black-base) / 0.4);

	--shadow: 0 0 10px var(--shadow-color);
	--shadow-hover: 0 0 10px var(--shadow-color-hover);

	--gutter: 2rem;

	/* --max-w-max: 96vw; */

	--max-w-max: 115.2rem;

	/* --max-w-max: 150rem; */

	--max-w-content: 82rem;
	--max-w-text: 50rem;

	--border-radius: 2rem;

	--ff-heading: 'proxima-nova', sans-serif;
	--ff-body: 'interstate', sans-serif;

	--fs-sm: clamp(0.73rem, 0.11vi + 0.7rem, 0.8rem);
	--fs-base: clamp(0.88rem, 0.29vi + 0.8rem, 1.06rem);
	--fs-md: clamp(1.05rem, 0.56vi + 0.91rem, 1.41rem);
	--fs-lg: clamp(1.26rem, 0.95vi + 1.02rem, 1.88rem);
	--fs-xl: clamp(1.51rem, 1.52vi + 1.13rem, 2.5rem);
	--fs-2xl: clamp(1.81rem, 2.32vi + 1.23rem, 3.32rem);
	--fs-3xl: clamp(2.18rem, 3.45vi + 1.31rem, 4.42rem);

	--transition: all 200ms ease-out;
}

/* === Reset === */
*,
*::before,
*::after {
	box-sizing: inherit;
}

html {
	box-sizing: border-box;
	line-height: 1.5;
	-webkit-text-size-adjust: 100%;
}

body {
	margin: 0;
	font-family: var(--ff-body);
	font-size: var(--fs-base);
	scroll-behavior: smooth;
}

.container {
	max-width: var(--max-w-max);
	margin: 0 auto;
	padding: 2rem;
}

[id] {
	scroll-margin-top: 120px;
}

/* Container Responsive */
@media (max-width: 768px) {

	/* For tablets and smaller devices */
	.container {
		padding: 2rem;
	}
}

@media (max-width: 480px) {

	/* For mobile phones */
	.container {
		padding: 1rem;
	}
}

button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}

b,
strong {
	font-weight: bolder;
}

embed,
iframe,
object {
	max-width: 100%;
}

img {
	height: auto;
	max-width: 100%;
}

@media (prefers-reduced-motion: reduce) {
	html:focus-within {
		scroll-behavior: auto;
	}

	*,
	*::before,
	*::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
		scroll-behavior: auto !important;
	}
}

/* === Template Specific === */
.post-edit-link {
	display: none;
	width: fit-content;
	color: limegreen;
	text-transform: uppercase;
	border: 3px solid limegreen;
	padding: 0.5em 1em;
	border-radius: 0.5em;
	margin: 1em;
	text-decoration: none;

	&:hover {
		color: white;
		background-color: limegreen;
	}
}

/* ======================== */
/* 2. Typography */
/* ======================== */



:where(h1, h2, h3, h4, h5, h6) {
	color: var(--primary);
	font-family: var(--ff-heading);
	line-height: 1;
}

h1 {
	color: var(--primary-white);
	font-size: clamp(3rem, 5vw, 4rem);
	/* Responsive font size */
	margin: 0;
	letter-spacing: 0%;
	font-weight: 600;
}

h2 {
	color: var(--primary-dark-blue);
	font-size: clamp(2rem, 4vw, 3rem);
	/* Responsive font size */
	margin: 0;
	font-weight: 600;
}

h3 {
	color: var(--primary-dark-blue);
	font-size: 1.2rem;
	/* Responsive font size */
	text-transform: uppercase;
	margin: 0;
	font-weight: 400;
}

h4,
h5,
h6 {
	font-family: var(--ff-heading);
	color: var(--secondary-white);
	text-transform: uppercase;
	margin: 0 0 0.5rem 0;
}

h4 {
	font-size: 1.3rem;
	font-family: "proxima-nova", sans-serif;
	text-transform: uppercase;
	color: var(--primary-dark-blue);
	font-weight: 600;
}

h5,
h6 {
	font-size: clamp(1.2rem, 2vw, var(--fs-md));
	/* Responsive */
}

p {
	font-size: 1.125rem;
	font-weight: 400;
	/* Responsive font size */
	line-height: 1.6;
	margin-top: 0;
	margin-bottom: 1rem;
	font-family: "proxima-nova", sans-serif;
}

ul li {
	font-family: "proxima-nova", sans-serif;
	font-weight: 500;
	letter-spacing: 1px;
}

a {
	text-decoration: none;
/* 	transition: var(--transition); */
	font-family: "proxima-nova", sans-serif;
	font-size: 1.125rem;
}

a:has(svg) {
	display: flex;
}

.header-image {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 0.8rem;
}

.header-image img {
	width: 1.5rem;
}

span.small-header {
	color: var(--primary-blue);
	font-size: 1rem;
	font-family: "proxima-nova", sans-serif;
	font-weight: 600;
}


/* ======================== */
/* 3. Utils */
/* ======================== */
.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

a.gradient-button {
	color: var(--primary-white);
	padding: 13px 13px 13px 30px;
	border-radius: 2rem;
	width: fit-content;
	text-transform: capitalize;
	font-size: 1rem;
	height: fit-content;
	background: linear-gradient(to left, var(--primary-blue) 0%, var(--secondary-light-blue) 100%);
	font-family: "proxima-nova", sans-serif;
	font-weight: 300;
	display: flex;
	flex-direction: row;
	gap: 1rem;
	align-items: center;
}
.gform_button {
	color: var(--primary-white);
	padding: 13px 26px;
	border-radius: 2rem !important;
	width: fit-content;
	text-transform: capitalize;
	font-size: 1rem;
	height: fit-content;
	background: linear-gradient(to left, var(--primary-blue) 0%, var(--secondary-light-blue) 100%);
	font-family: "proxima-nova", sans-serif;
	font-weight: 300;
	display: flex;
	flex-direction: row;
	gap: 1rem;
	align-items: center;
}
.gform_button:hover {
	background: linear-gradient(to left, var(--primary-blue) 30%, var(--secondary-light-blue) 100%);
	box-shadow: 0 0 25px 0 rgba(168, 218, 234, .3);
	cursor: pointer;
}

a.gradient-button:hover {
	background: linear-gradient(to left, var(--primary-blue) 30%, var(--secondary-light-blue) 100%);
	box-shadow: 0 0 25px 0 rgba(168, 218, 234, .3);
}

a.gradient-button img {
	width: 2rem;
	padding: .1rem;
}
a.gradient-button:hover img {
	width: 2rem;
	padding: 0;
}

a.outlined-button {
	color: var(--primary-white);
	padding: 15px 42px;
	border-radius: 2rem;
	border: 1.5px solid var(--primary-white);
	width: fit-content;
	font-size: 1rem;
	height: fit-content;
	background-color: transparent;
	font-weight: 300;
}
a.outlined-button:hover {
	background-color: rgba(168, 218, 234, .3);
	box-shadow: 0 0 25px 0 rgba(168, 218, 234, .3);
}

a.outlined-button-alt {
	color: var(--primary-blue);
	padding: 15px 42px;
	border-radius: 2rem;
	border: 1.5px solid var(--primary-blue);
	width: fit-content;
	font-size: 1rem;
	height: fit-content;
	background-color: transparent;
	font-weight: 300;

}
a.outlined-button-alt:hover {
	background-color: rgba(168, 218, 234, .3);
	box-shadow: 0 0 25px 0 rgba(168, 218, 234, .3);
}

.gform_wrapper textarea {
	border: none;
}


hr {
	width: 100%;
	border: none;
	height: 1px;
	background-color: var(--secondary-light-gray) !important;
}

input, textarea {
	border-radius: 1rem;
}


@media screen and (max-width: 480px) {

	.button {
		padding: 0.5rem 2rem;
		text-align: center;
		min-width: 10rem;
	}

}

.btn {
	display: inline-block;
}

.btn:hover {
	position: static;
}

.wrapper-max {
	max-width: var(--max-w-max);
	margin-inline: auto;
}

.wrapper-content {
	max-width: var(--max-w-content);
	margin-inline: auto;
	padding-inline: var(--gutter);
}

.wrapper-text {
	max-width: var(--max-w-text);
	margin-inline: auto;
}

.fs-sm {
	font-size: var(--fs-sm) !important;
}

.fs-base {
	font-size: var(--fs-base) !important;
}

.fs-md {
	font-size: var(--fs-md) !important;
}

.fs-lg {
	font-size: var(--fs-lg) !important;
}

.fs-xl {
	font-size: var(--fs-xl) !important;
}

.fs-2xl {
	font-size: var(--fs-2xl) !important;
}

.fs-3xl {
	font-size: var(--fs-3xl) !important;
}

body .entry-header,
.entry-header,
.entry-footer {
	display: none !important;
}

/* .content {
	background-color: var(--primary-white);
} */

.content-spacer {
	background-color: var(--primary-white);
	height: 5rem;
	width: 100%;
}



/**************************************************
 * 3. === Site Header ===
 **************************************************/

/* === Wrapper === */
.site-header-wrapper {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 1001;
	padding: 0 2rem;
	background-color: transparent;
	margin-top: 1rem;
}

/* === Header Layout === */
.site-header {
	border-radius: 4rem;
	background-color: var(--secondary-light-gray);
	position: relative;
	z-index: 10001;
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 80px;
	width: 100%;
	max-width: var(--max-w-max);
	margin: 0 auto;
	padding: 1rem 1rem 1rem 4rem;
	column-gap: 3rem;
}

.site-header .mobile-spacer {
	display: none;
}

/* === Logo === */
.site-logo a {
	display: block;
	line-height: 0;
	width: 8rem;
}

.site-logo a img {
	width: 100%;
}

/* === Navigation === */
.main-navigation {
	width: 100%;
	padding: 0;
}

#site-navigation {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	column-gap: 1rem;
}

#primary-menu.menu li a {
	text-decoration: none;
	font-size: 1rem;
	color: black;
}

#primary-menu.menu li:hover a {
	color: var(--primary-blue);
}

#primary-menu.menu {
	display: flex;
	flex-direction: row;
	margin: 0;
	padding: 0;
	width: 100%;
	gap: 1rem;
}

#primary-menu.menu li {
	list-style: none;
	font-size: var(--fs-base);
	padding: 1rem;
}

.site-header-wrapper.active .site-header #primary-menu.menu li a {
	color: var(--primary-dark-blue);
}

.site-header-wrapper.active .menu-item-has-children ul li a {
	color: #000000 !important;
}

/* === Buttons === */
.navigation-btn {
	padding: 0.5rem 2rem;
	border: 1px solid var(--secondary-white);
	border-radius: 2rem;
}

/* === Hamburger Menu === */
.hamburger-wrapper {
	cursor: pointer;
	display: none;
	position: relative;
	z-index: 11000;
}

.hamburger {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	position: relative;
	border-radius: 100%;
}

.hamburger img {
	width: 4rem;
	height: 4rem;
	object-fit: cover;
}

.hamburger-wrapper.active .hamburger {
	filter: invert(1);
}

/* === Social Icons === */
.site-header .socials {
	display: flex;
	align-items: center;
	column-gap: 2rem;
}

.site-header .socials .social-icons {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	column-gap: 1rem;
}

.site-header .socials .social-icons a {
	width: 1rem;
	height: 1rem;
}

.social-icons a svg {
	fill: var(--primary-blue);
	transition: fill 0.3s ease;
	/* Smooth transition for color change */
}

.social-icons.active a svg {
	fill: white;
	/* Change fill color to white when takeover is active */
}

/* Scrolled */
.site-header-wrapper.scrolled {
	/* box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); */
	transition: background-color 0.3s ease, box-shadow 0.3s ease;
}

/* .site-header-wrapper.scrolled ul li a {
	color: black;
	transition: color 0.3s ease;
} */

/* 
.site-header-wrapper.scrolled ul.sub-menu {
	background-color: #ffffff;
} */

/* Responsive Navigation */

@media screen and (min-width: 1024px) and (max-width: 1150px) {
	/* .site-logo a img {
		width: 16rem;
	} */
}

@media screen and (max-width: 1024px) {

	/* .site-logo a img {
		width: 14rem;
	} */

	.hamburger-wrapper {
		display: block;
	}

	.site-header .socials .social-icons {
		display: none;
	}

	ul.sub-menu {
		display: none !important;
	}

}

@media screen and (max-width: 768px) {

	.site-header {
		padding: 1rem 2rem;
	}

	/* Social Icons */
	.site-header .mobile-spacer {
		display: none;
	}

	/* .site-logo a img {
		width: 10rem;
	} */
}

@media screen and (max-width: 480px) {

	.site-header-wrapper {
		padding: 0 1rem;

	}

	.site-header {
		padding: 1rem 0.6rem 1rem 2rem !important;
	}

	/* Social Icons */
	.site-header .socials .social-icons {
		display: none;
	}

	.site-header .mobile-spacer {
		display: none;
	}

	/* 
	.site-logo a img {
		width: 10rem;
	} */

	.site-header-wrapper.active .site-header .site-logo a img {
		filter: invert(1);
	}

}

/* Sub-Menu */

:where(.menu, .sub-menu) {
	margin: 0;
	padding: 0;
	list-style: none;
}

.menu-item {
	position: relative;
}

.menu-chevron {
	display: inline-block;
	margin-left: 8px;
	transition: transform 0.3s ease;
}

.menu-item-has-children:hover .menu-chevron,
.menu-item-has-children.open .menu-chevron {
	transform: rotate(180deg);
	/* Rotate when the submenu is open */
}

.menu-item-has-children ul {
	position: absolute;
	top: 100%;
	left: 0;
	width: 14rem;
	max-height: 0;
	opacity: 0;
	visibility: hidden;
	display: block;
	/* Ensures layout is ready, but hidden by opacity/visibility */
	background: #f0f4fa95;
	/* You can replace with var(--secondary-yellow) if needed */
	backdrop-filter: blur(8px);
	border-radius: 2rem;
	list-style: none;
	transition: opacity 0.3s ease, transform 0.3s ease, max-height 0.3s ease;
	z-index: 10;
}

/* Submenu links */
.menu-item-has-children ul li {
	font-size: 0.8rem;
	width: 100%;
	padding: 0 !important;
	border-bottom: 0.25px solid #eeebe62e;
}

.menu-item-has-children ul li a {
	/* Remove underline */
	/* Add spacing for each item */
	color: var(--primary-blue);
	display: block;
	/* Ensure the links take up full width */
	transition: color 0.3s ease;
	/* Smooth hover effect */
	padding: 1rem !important;
}

.menu-item-has-children:hover>ul {
	opacity: 1;
	transform: translateY(0);
	visibility: visible;
	max-height: 500px;
	/* Set a large enough value to accommodate submenu height */
}

.menu-item-has-children ul {
	max-height: 0;
	/* Reset height to collapse */
}

.menu-item-has-children ul li:hover a {}

.menu-item-has-children:hover>a::after,
.menu-item-has-children.open>a::after {
	transform: rotate(180deg);
	/* Rotate chevron on hover or when open */
}

.main-navigation .menu-item:has(.sub-menu):hover .sub-menu {
	display: flex;
	flex-direction: column;
}

@media (width > 1024px) {
	.menu-toggle {
		display: none;
	}

}

@media (width <=1024px) {
	.main-navigation {
		display: none;
	}

	.menu-chevron {
		display: none;
	}

}

/**************************************************
 * 4. === Navigation Takeover ===                   *
 **************************************************/
/* Base state: Hidden */
.navigation-takeover-wrapper {
	position: fixed;
	/* Fixed for full-screen layout */
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	overflow: hidden;
	z-index: 1000;
	transform: translateX(100%);
	/* Hidden above the viewport */
	opacity: 0;
	/* Fully transparent */
	transition: transform 0.5s ease, opacity 0.5s ease;
	/* Smooth transitions */
	pointer-events: none;
	/* Prevent interaction when hidden */
	display: none !important;
}

/* Active state: Visible */
.navigation-takeover-wrapper.active {
	transform: translateX(0);
	/* Slide into view */
	opacity: 1;
	/* Fully opaque */
	pointer-events: auto;
	/* Enable interaction */
	width: 100%;
}


/* === Takeover Grid Layout === */
.navigation-takeover-wrapper .navigation-takeover {
	background: linear-gradient(to right, #205981a8 0%, #112134e6 100%);
	display: grid;
	grid-template-columns: 1fr;
	column-gap: 1rem;
	width: 100%;
	margin: 0;
	row-gap: 1rem;
	max-width: var(--max-w-max);
	height: 100%;
	padding: 100px 5rem 2rem;
	align-items: center;
	justify-items: center;
	backdrop-filter: blur(12px);
}

/* === Left Section === */
.navigation-takeover .left {
	position: relative;
	/* Establish positioning context for ::after */
	width: 100%;
	height: 16rem;
	padding: 3rem 1rem 2rem 1rem;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	border-top-left-radius: 14rem;
	border-top-right-radius: 14rem;
	overflow: hidden;
	border: 2px solid var(--secondary-yellow);
}

.navigation-takeover .left::after {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(to bottom, transparent 20%, #00000098);
	z-index: 1;
	/* Ensures it appears on top of the background */
}

.navigation-takeover .left .content {
	position: relative;
	z-index: 2;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	row-gap: 1rem;
	text-align: center;
	align-items: center;
}

.navigation-takeover .left .content h3,
.navigation-takeover .left .content p {
	margin: 0;
	padding: 0;
	font-family: 'proxima-nova', sans-serif;
}

/* === Center Section === */
.navigation-takeover .center {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	row-gap: 1rem;
	position: relative;
}

.navigation-takeover .center div::after {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(to bottom, transparent 60%, #00000098);
	z-index: 1;
	/* Ensures it appears on top of the background */
}

.navigation-takeover .center .content {
	width: 100%;
	height: 100%;
	padding: 2rem;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	border-radius: var(--border-radius);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	position: relative;
	z-index: 2;
	overflow: hidden;
}

.navigation-takeover .center .content h3,
.navigation-takeover .center .content p {
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 2;
}

.navigation-takeover .center .content a {
	position: relative;
	z-index: 2;
}

/* === Right Section === */
.navigation-takeover .right {
	width: 100%;
	height: 100%;
	padding: 0rem 2rem;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	row-gap: 1rem;
}

/* Takeover Menu */
ul#takeover-menu,
.navigation-takeover .full-nav ul {
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	row-gap: 0.4rem;
}

ul#takeover-menu {
	display: grid;
	grid-template-columns: 1fr;
	column-gap: 2rem;
	align-items: center;
	justify-content: center;
	text-align: center;
}

.navigation-takeover .full-nav ul li,
.full-nav ul#takeover-menu li {
	list-style: none;
	font-size: 2rem !important;
}

.full-nav ul#takeover-menu li a {
	font-weight: 700;
	text-transform: uppercase;
	color: var(--primary-white) !important;
}

/* Center Takeover Menu */
.right .center-takeover-menu {
	display: grid;
	gap: 1rem;
	grid-template-columns: 1fr 1fr;
}

.center-takeover-menu .menu-header p {
	font-size: 16px;
	margin-bottom: 0.4rem;
	opacity: 0.5;
}

.right #about-menu ul li {
	font-size: 1rem;
	color: var(--primary-white);
}

#about-menu li a,
#facilities-menu li a {
	color: var(--primary-white);
}

/* Lower Takeover Contact */
.right .lower-takeover-contact {
	display: flex;
	justify-content: flex-end;
	column-gap: 1.5rem;
}

.right .lower-takeover-contact a svg {
	width: 1.5rem;
	height: 1.5rem;
	fill: var(--secondary-light-blue);
}

@media screen and (max-width: 1024px) {
	.navigation-takeover-wrapper {
		display: flex !important;
		justify-content: flex-end;
		width: 34rem;
		right: 0;
		left: auto;
	}

	.navigation-takeover .center {
		display: none;
	}

	.navigation-takeover .right {
		padding: 0;
	}

	.navigation-takeover .right ul li,
	.right ul#takeover-menu li {
		font-weight: 500;
		font-size: 1.8rem !important;
	}
}

@media screen and (max-width: 768px) {

	.navigation-takeover-wrapper {
		width: 100vw;
	}

	.navigation-takeover-wrapper .navigation-takeover {
		grid-template-columns: 1fr;
		row-gap: 1rem;
		padding: 100px 2rem 2rem;
		display: grid;

	}

	.navigation-takeover .center {
		display: none;
	}

	.navigation-takeover .left {
		row-gap: 1rem;
		height: 15rem;
	}

	.navigation-takeover .right {
		row-gap: 0rem;
		padding: 0;
		justify-content: space-evenly;
	}

	.navigation-takeover .right ul li,
	.right ul#takeover-menu li {
		font-weight: 400;
		font-size: 1.6rem !important;
	}

	ul#takeover-menu {
		column-gap: 0;
	}
}

@media screen and (max-width: 425px) {

	#about-menu li a,
	#facilities-menu li a {
		font-size: 1.6rem;
		color: var(--primary-white);
	}

}

/**************************************************
 * 5. === Drawer ===                   *
 **************************************************/
.drawer {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100dvh;
	background-color: var(--primary);
	z-index: 100000;
	transform: translateX(100%);
	transition: var(--transition);
}

.drawer.is-open {
	transform: translateX(0px);
}

.drawer-wrapper {
	display: flex;
	flex-direction: column;
	align-items: end;
	justify-content: space-between;
	height: 100%;
	padding: 2rem var(--gutter) 4rem;
}

.drawer-navigation {
	width: 100%;
	height: 100%;
	overflow-y: auto;
}

.drawer .menu-main-menu-container {
	height: 100%;
}

.drawer .menu {
	display: flex;
	flex-direction: column;
	height: 100%;
}

.drawer .menu-item a {
	display: block;
	font-size: var(--fs-md);
	padding-block: 1rem;
	font-weight: 700;
}

.drawer .sub-menu .menu-item a {
	padding: 0.5rem 0;
}

.drawer .sub-menu {
	display: none;
}

.drawer .sub-menu .menu-item a {
	font-size: var(--fs-md);
}



/****************************/
/** == ** Front Page ** == **/
/***************************/

/****************************/
/** 6. == ** Hero Section ** == **/
/***************************/
.hero-wrapper {
	position: relative;
	height: 100vh;
	min-height: 30rem;
	max-height: 60rem;
	background-color: var(--primary-white);
	padding-top: 116px;
}

.hero-wrapper .hero {
	height: 100%;
	width: 100%;
	overflow: hidden;
	border-radius: var(--border-radius);
	display: flex;
	flex-direction: row;
}

.hero .hero-content {
	display: flex;
	justify-content: flex-start;
	z-index: 2;
	flex-direction: column;
	height: 100%;
	padding-top: 10rem;
	padding-left: 4rem;
	padding-right: 2rem;
	padding-bottom: 2rem;
}

.hero .cutout-image {
	height: 100%;
	object-fit: contain;
	width: 80rem;
	position: relative;

}

.hero .header {
	display: flex;
	flex-direction: column;
	gap: 1.2rem;
}

.hero .header h1 {
	font-family: "proxima-nova", sans-serif;
	color: var(--primary-white);
}

.hero .header p {
	color: var(--primary-white);
}

.hero-content .buttons {
	display: flex;
	flex-direction: row;
	gap: 1.2rem;
}

.subheader-tablet {
	display: flex;
	flex-direction: column;
	row-gap: 2rem;
	display: none;
}

.subheader-tablet .buttons {
	display: flex;
	flex-direction: row;
	column-gap: 2rem;
	justify-content: center;
}

/* Hero Responsive  */

@media screen and (min-width: 2000px) {
	.hero-wrapper {
		height: 50rem;
	}
}

@media screen and (min-width: 1024px) and (max-width: 1270px) {

	.hero .hero-content {
		padding-top: 3rem;
		padding-bottom: 3rem;
		padding-right: 2rem;
		padding-left: 3rem;
		justify-content: center;
	}

}

@media screen and (min-width: 850px) and (max-width: 1023px) {
	.hero-wrapper {
		min-height: 35rem;
	}


	.hero .hero-content {
		padding-top: 3rem;
		padding-bottom: 3rem;
		padding-right: 2rem;
		padding-left: 3rem;
		justify-content: center;
	}

}

@media screen and (min-width: 793px) and (max-width: 849px) {

	.hero-wrapper .hero {
		flex-direction: column;
	}

	.hero .hero-content {
		padding-top: 3rem;
		padding-bottom: 3rem;
		padding-right: 2rem;
		padding-left: 3rem;
		justify-content: center;
	}

	.hero .cutout-image {
		background-position: center top !important;
		background-size: contain !important;
		width: 100%;
	}

}

@media screen and (max-width: 792px) {

	.hero-wrapper .hero {
		flex-direction: column;
	}

	.hero .hero-content {
		padding-top: 3rem;
		padding-bottom: 3rem;
		padding-right: 2rem;
		padding-left: 3rem;
		justify-content: center;
	}


	.hero .cutout-image {
		background-position: center top !important;
		background-size: contain !important;
		width: 100%;
	}

}

@media screen and (max-width: 768px) {

	.site-header {
		padding: 1rem 2rem;
	}

}

@media screen and (max-width: 550px) {

	.hero-wrapper {
		min-height: 50rem;
	}

	/* 
	.hero-wrapper .hero {
		padding: 1rem 1rem 0;
	} */

	.hero .hero-content {
		display: flex;
		justify-content: flex-end;
		row-gap: 2rem;
		z-index: 5;
		align-items: center;
		margin: 0 auto;
		text-align: center;
		flex-direction: column;
		height: 100%;
		position: relative;
		padding: 1rem 1rem 0 1rem;
	}

	.header-border {
		border-bottom: 0;
		padding: 0.7rem 0.7rem 0rem 0.7rem;
		border-left: 3px var(--primary-dark-blue) solid;
	}

	.hero-content .spacer {
		display: none;
	}

	.header .content {
		display: none;
	}

	.header .subheader {
		font-size: 1rem;
	}
}

@media screen and (max-width: 480px) {

	.hero-wrapper {
		min-height: auto;
		height: 92rem;
	}

	.hero-wrapper .hero {
		padding: 0;
		display: flex;
		flex-direction: column;
	}

	.hero .header {
		align-items: center;
		padding: 4rem 1rem 2rem 1rem;
	}

	.hero .hero-content {
		display: flex;
		justify-content: flex-start;
		row-gap: 2rem;
		z-index: 5;
		align-items: center;
		margin: 0 auto;
		text-align: center;
		flex-direction: column;
		height: 100%;
		position: relative;
		padding: 0;
	}

	.hero-content .buttons {
		flex-direction: column;
	}

	.hero-content .spacer {
		display: none;
	}

	.header .content {
		display: none;
	}

	.header .subheader {
		font-size: 1rem;
	}
}


/****************************/
/* 7. ** About Us **  */
/***************************/

.about-wrapper {
	padding-bottom: 5rem;
	position: relative;
	min-height: 30rem;
	background-color: var(--primary-white);
}

.about-wrapper .about {
	display: grid;
	grid-template-columns: 1fr 1fr;
	height: 100%;
	width: 100%;
	gap: 8rem;
}

.about .left {
	padding-left: 4rem;
	display: flex;
	flex-direction: column;
	row-gap: 2.5rem;
	width: 100%;
	max-width: 37rem;
}

.about .left .header {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.about .left .header h4 {}

.about .left .header p {}

.about .left .content-with-icons {
	display: flex;
	flex-direction: column;
	gap: 2rem;
}

.about .left .content-with-icons>div {
	gap: 1rem;
	display: flex;
	align-items: center;
}

.about .left .content-with-icons img {
	background: var(--secondary-light-gray);
	border-radius: 100%;
	max-width: 6rem;
}

.about .left .content-with-icons .content {}

.about .left .content-with-icons .content h4 {}

.about .left .content-with-icons .content p {}

.about .right {
	background-color: black;
	border-radius: var(--border-radius);
	display: flex;
	align-items: flex-end;
}

.yellow-box {
	border-radius: 2.5rem;
	/* width: 18rem;
	height: 12rem; */
	background-color: var(--secondary-yellow);
	position: relative;
	left: -6rem;
	top: 2rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
	row-gap: 1rem;
	padding: 2.4rem 3.5rem;
	max-width: 18rem;
}

.yellow-box p, .yellow-box h4 {
	color: white;
	margin: 0;
}

.yellow-box h4 {
	line-height: 2.5rem;
	font-size: 1.8rem;
	text-transform: none;
	font-weight: 500;
}

.about .right .icon {
	border-radius: 100%;
	width: 6rem;
	height: 6rem;
	position: relative;
	bottom: 6rem;
	right: 9.5rem;
}


@media screen and (max-width: 900px) {
	.about-wrapper {
		padding-bottom: 8rem;
	}

	.about-wrapper .about {
		grid-template-columns: 1fr;
		gap: 4rem;
	}

	.about .left {
		padding: 0;
		max-width: none;
		align-items: center;
	}

	.about .left .header {
		text-align: center;
	}

	.about .left .content-with-icons {
		padding: 0 1rem;
	}

	.about .left .content-with-icons>div {
		flex-direction: column;
		text-align: center;
	}

	.about .right {
		height: 26rem;
	}

	.about .left .content-with-icons img {
		max-width: none;
		width: 8rem;
	}

	.yellow-box {
		left: auto;
		margin: 0;
		top: 6rem;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

	.left .header .header-image {
		justify-content: center;
	}

}

@media screen and (max-width: 768px) {
	.about .right .icon {
    bottom: 2rem;
    right: -9rem;
	}

}

@media screen and (max-width: 480px) {
	.about-wrapper .about {
		grid-template-columns: 1fr;
		gap: 4rem;
	}

	.about .left {
		padding: 0;
		max-width: none;
		align-items: center;
	}

	.about .left .header {
		text-align: center;
	}

	.about .left .content-with-icons {
		padding: 0 1rem;
	}

	.about .left .content-with-icons>div {
		flex-direction: column;
		text-align: center;
	}

	.about .right {
		height: 26rem;
	}
	
	.about .right .icon {
        bottom: 2rem;
        right: 1rem;
    }

	.about .left .content-with-icons img {
		max-width: none;
		width: 8rem;
	}

}


/****************************/
/* 7. ** Why Choose Us **  */
/***************************/

.why-us-wrapper {
	position: relative;
	background-color: var(--primary-white);
}

.why-us {
	text-align: center;
	display: flex;
	flex-direction: column;
	height: 100%;
	width: 100%;
	gap: 2rem;
	max-width: 64rem;
	margin: 0 auto;
}

.why-us .header-image {
	justify-content: center;
}

.why-us h2 {}

.why-us p {}

.why-us .outlined-button-alt {
	margin: 0 auto;
}


@media screen and (max-width: 768px) {

	.why-us-wrapper {
		margin-bottom: 2rem;
	}

	.why-us {
		gap: 1rem;
	}

	.why-us h2, .why-us p {
		margin-bottom: 1rem;
	}

}

@media screen and (max-width: 480px) {

	.why-us-wrapper {
		margin-bottom: 2rem;
	}

	.why-us {
		gap: 1rem;
	}

	.why-us h2, .why-us p {
		margin-bottom: 1rem;
	}

}



/****************************/
/* 7. ** Our Services **  */
/***************************/

.services-wrapper {
	position: relative;
	min-height: 30rem;
	width: 100%;
}

.services {
	background-color: var(--secondary-light-gray);
	border-radius: var(--border-radius);
	width: 100%;
	padding: 4rem;
	height: 100%;
	display: flex;
	flex-direction: column;
	gap: 3rem;
}

.services .header-image {
	justify-content: center;
}

.services .header {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	text-align: center;
	width: 100%;
}

.services .header h2 {
	max-width: 36rem;
	margin: 0 auto;
}

.services-swiper .swiper-slide {
	width: 100%;
}

.services .cards {
	width: 100%;
	display: flex;
	gap: 2rem;
}

.services .card {
	background-color: var(--primary-white);
	border-radius: var(--border-radius);
	display: flex;
	justify-content: flex-start;
	flex-direction: column;
	gap: 1rem;
	width: 100%;
	padding: 2.5rem;
}

.services .card .header {
	display: flex;
	justify-content: space-between;
	width: 100%;
	flex-direction: row;
	align-items: center;
}

.services .card .header .icon-with-title {
	display: flex;
	flex-direction: row;
	gap: 1rem;
	align-items: center;
}

.services .card .header .icon-with-title img {
	background: var(--secondary-light-gray);
	padding: 1rem;
	width: 4rem;
	border-radius: 100%;
}

.services .card .header .icon-with-title p {
	margin: 0 !important;
}

.services .card .header .arrow {
	width: 2rem;
}

.services .card .header .arrow img {}

.services .card .content {
	height: 100%;
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.services .card .content p {}

.services .card .content img {
	border-radius: var(--border-radius);
	width: 100%;
	object-fit: cover;
}

.services .outlined-button-alt {
	margin: 0 auto;
}

@media screen and (max-width: 900px) {
	.services {
		padding: 2rem;
	}

	.services .cards {
		flex-direction: column;
	}
}

@media screen and (max-width: 480px) {
	.services {
		padding: 2rem;
	}

	.services .cards {
		flex-direction: column;
	}
}


/****************************/
/** Testimonials **/
/***************************/
.testimonials-wrapper {
	position: relative;
	min-height: 30rem;
	width: 100%;
}

.testimonials {
	width: 100%;
	padding: 4rem 5rem 0rem 5rem;
	display: flex;
	flex-direction: column;
	gap: 4rem;
}

.testimonials .header-image {
	justify-content: center;
}

.testimonials .header {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	text-align: center;
	width: 100%;
}

.testimonials .header .small-header {}

.testimonials .header h2 {}

.card-slider {
	width: 100%;
}

.card-slider .card {
	background-color: var(--primary-white);
	border-radius: var(--border-radius);
	border: 2px solid var(--secondary-light-gray);
	display: flex;
	justify-content: flex-start;
	flex-direction: column;
	gap: 1rem;
	width: 100%;
	padding: 2.5rem;
}

.card-slider .card .stars {}

.card-slider .card .content {}

.card-slider .card hr {}

.card-slider .card .name h4 {
	text-transform: none;
}

.testimonials .arrows {
	margin-top: 2rem;
	display: flex;
	justify-content: center;
	gap: 1rem;
	flex-direction: row;
	width: 100%;
	 position: relative;
  z-index: 2;
}

.arrows .left-arrow {
	width: 2rem;
	cursor: pointer;
}

.arrows .left-arrow:hover {
	transform: scale(1.10);
	transition: 0.5s ease-in-out;
}

.arrows .right-arrow {
	width: 2rem;
	cursor: pointer;
}

.arrows .right-arrow:hover {
	transform: scale(1.10);
	transition: 0.5s ease-in-out;
}

.content-spacer {}



@media screen and (max-width: 900px) {
	.card-slider {
		grid-template-columns: 1fr;
	}
}

@media screen and (max-width: 768px) {
	.testimonials {
		padding: 2rem;
		gap: 2rem;
	}
}

@media screen and (max-width: 480px) {
	.card-slider {
		grid-template-columns: 1fr;
	}
}

/****************************/
/** == ** Banner ** == **/
/***************************/
.banner-wrapper {
	width: 100%;
	position: relative;
	background-color: var(--primary-white);
	overflow: hidden;
	padding-bottom: 0;
	margin-bottom: 4rem;
	padding-top: 6rem;
}

.banner-wrapper .banner {
	display: grid;
	width: 100%;
	height: 30rem;
	grid-template-columns: 1.2fr 0.8fr;
	border-radius: var(--border-radius);
	background: linear-gradient(160deg, #004059 0%, #112134 100%);
}

.banner .left {
	height: 30rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 2rem;
	padding-left: 5rem;
	width: 100%;
}

.banner .left h2 {
	margin-bottom: 1rem;
	color: white !important;
	font-size: 2.5rem;
	font-family: 'proxima-nova', sans-serif;
}

.banner .left .gradient-button {}

.banner .right {
	width: 100%;
	height: 100%;
}

.banner .right img {
	object-fit: cover;
	width: 100%;
	margin-top: -8rem;
}

@media screen and (max-width: 768px) {

	.card-slider {
		grid-template-columns: 1fr;
	}

	.banner-wrapper {
		padding-top: 2rem;
		margin-bottom: 2rem;
	}

	.banner-wrapper .banner {
		height: 50rem;
		grid-template-columns: 1fr;
		padding: 4rem 2rem 0 2rem;
	}

	.banner .left {
		height: auto;
		padding-left: 0;
		text-align: center;
		align-items: center;
	}

	.banner .right img {
		margin-top: 0;
	}
}


@media screen and (max-width: 480px) {

	.card-slider {
		grid-template-columns: 1fr;
	}

	.banner-wrapper {
		padding-top: 2rem;
		margin-bottom: 2rem;
	}

	.banner-wrapper .banner {
		height: 45rem;
		grid-template-columns: 1fr;
		padding: 4rem 2rem 0 2rem;
	}

	.banner .left {
		height: auto;
		padding-left: 0;
		text-align: center;
		align-items: center;
	}

	.banner .right img {
		margin-top: 0;
	}
}

/* We Are Section */
.we-are-container {
	width: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-color: var(--primary-white);
}

.we-are {
	padding: 1.5rem 5rem;
	display: grid;
	height: 100%;
	grid-template-columns: 1fr 0fr 1fr;
	gap: 4rem;
	min-height: max-content;
	align-items: center;
	position: relative;
	max-width: var(--max-w-max);
	margin: 0 auto;
}

/* .we-are::after {
	z-index: 1;
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 5rem;
	height: 100%;
	background-color: rgba(255, 196, 0, 0.804);
} */

.we-are .content {
	display: flex;
	height: 100%;
	flex-direction: column;
	padding: 2rem 0rem 2rem 3rem;
	overflow: hidden;
	position: relative;
	z-index: 2;
	background: transparent;
}

.we-are .left {
	position: relative;
}

.we-are .left::before {
	z-index: 1;
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(to right, var(--primary-white) 30%, transparent);
}


.we-are .left span {
	font-family: "proxima-nova", sans-serif;
}


.we-are .left h2 {
	font-weight: 600;
}

.we-are .left h2 {
	color: var(--primary-dark-blue);
	text-transform: none;
	font-size: 2.4rem;
	font-weight: 400;
	font-family: "proxima-nova", sans-serif;
	margin-bottom: 2.2rem;
}

.we-are .left p {
	color: var(--primary-dark-blue);
	text-transform: none;
	margin-bottom: 1.5rem;
}

.we-are .center {
	height: 14rem;
	width: 2.5px;
	opacity: 0.6;
	background-color: var(--primary-blue);

}

/* .we-are .right {
	padding-right: 6rem;
} */

.we-are .right h2 {
	font-family: "proxima-nova", sans-serif;
}

.we-are .right h2 span {
	font-family: "Libre Baskerville Italic", sans-serif;
}


.right-mobile {
	display: none;
}

.mobile {
	display: none;
}

/* @media screen and (max-width: 768px) { 

	.we-are {
		padding: 2rem;
	}

	.we-are .content {
		padding: 1rem 0rem 1rem 1rem;
	}

	.we-are .left h2 {
		font-size: 2rem;
	}

} */

@media screen and (max-width: 768px) {
	.we-are {
		padding: 2rem;
		display: grid;
		height: 100%;
		grid-template-columns: 1fr;
		gap: 2rem;
		min-height: max-content;
		align-items: center;
		background-repeat: no-repeat;
		background-size: cover;
		position: relative;
		background-color: var(--primary-white);
		max-width: var(--max-w-max);
		margin: 0 auto;
		background-position: center;
	}

	.we-are::before {
		z-index: 1;
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: linear-gradient(to bottom, var(--primary-white) 5%, transparent 20%);
	}

	.we-are::after {
		z-index: 1;
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: linear-gradient(to right, var(--primary-white) 15%, transparent 30%);
	}

	.we-are .content {
		display: flex;
		height: 100%;
		flex-direction: column;
		padding: 0rem;

	}

	.we-are .left::before {
		display: none;
	}

	.we-are .left h2 {
		font-size: 1.6rem;
		font-family: "proxima-nova", sans-serif;
	}

	.we-are .left h2.mobile {
		font-size: 1.6rem;
		font-family: "proxima-nova", sans-serif;
	}

	.we-are .left h2.mobile span {
		font-size: 1.6rem;
		font-family: "Libre Baskerville Italic", sans-serif;
		font-weight: 400;
	}



	.we-are .right-mobile {
		margin: 0 auto 3rem auto !important;
	}

	.right-mobile {
		display: block;
	}

	.we-are .left p {
		color: var(--primary-dark-blue);
		text-transform: none;
		margin-bottom: 2rem;
		text-align: justify;
	}

	.we-are .center {
		display: none;

	}

	.we-are .right {
		display: none;
	}

	.content a {
		margin: 0;
	}

	.mobile {
		display: block;
	}
}

@media screen and (max-width: 480px) {
	.we-are {
		padding: 2rem;
		display: grid;
		height: 100%;
		grid-template-columns: 1fr;
		gap: 2rem;
		min-height: max-content;
		align-items: center;
		background-repeat: no-repeat;
		background-size: cover;
		position: relative;
		background-color: var(--primary-white);
		max-width: var(--max-w-max);
		margin: 0 auto;
		background-position: center;
	}

	.we-are::before {
		z-index: 1;
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: linear-gradient(to bottom, var(--primary-white) 5%, transparent 20%);
	}

	.we-are::after {
		z-index: 1;
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: linear-gradient(to right, var(--primary-white) 15%, transparent 30%);
	}

	.we-are .content {
		display: flex;
		height: 100%;
		flex-direction: column;
		padding: 0rem;

	}

	.we-are .left::before {
		display: none;
	}

	.we-are .left h2 {
		font-size: 1.6rem;
		font-family: "proxima-nova", sans-serif;
	}

	.we-are .left h2.mobile {
		font-size: 1.6rem;
		font-family: "proxima-nova", sans-serif;
		margin: 0 auto 3rem;
	}

	.we-are .left h2.mobile span {
		font-size: 1.6rem;
		font-family: "Libre Baskerville Italic", sans-serif;
		font-weight: 400;
	}


	.we-are .right-mobile {
		margin: 0 auto 3rem auto !important;
	}

	.right-mobile {
		display: block;
	}

	.we-are .left p {
		color: var(--primary-dark-blue);
		text-transform: none;
		margin-bottom: 2rem;
		text-align: justify;
	}

	.we-are .center {
		display: none;

	}

	.we-are .right {
		display: none;
	}

	.left .content a {
		margin: 0 auto;
	}

	.mobile {
		display: block;
	}
}


/* Stats Swiper */
.swiper-container.stats-slider {
	height: fit-content;
	margin-bottom: 3rem;
}

.stats-slider .swiper-wrapper {
	height: 100%;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
}

.stats-slider .swiper-wrapper .swiper-slide {
	height: fit-content;
	background: #005c95;
	padding: 3rem 2rem;
	border-radius: var(--border-radius);
	border: 1px solid rgba(255, 255, 255, 0.223);
	text-align: center;
	display: block;
}

/* Swiper stats section */
.swiper-container {
	width: 100%;
	margin: 0 auto;
	height: 40vh;
	display: none;
}

.swiper-wrapper {
	position: relative;
	width: 100%;
	z-index: 1;
	display: flex;
	transition-property: transform;
	box-sizing: content-box;
}

.swiper-slide {
	border-radius: var(--border-radius);
	width: 100%;
	height: 40vh;
	/* Matches the original height */
	display: flex;
	align-items: center;
	justify-content: center;
	background-size: cover;
	background-position: center;
	box-sizing: border-box;
	margin: 0;
	overflow: hidden;
}

.swiper-slide .content {
	position: relative;
	z-index: 2;
	/* Keeps content above the pseudo-element */
	padding: 2rem;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	width: 100%;
	height: 100%;
	align-content: flex-start;
	flex-wrap: wrap;
	row-gap: 1rem;
	text-align: left;
}

.swiper-slide.right,
.swiper-slide.left {
	margin-right: 0px;
}

.swiper-slide-active,
.swiper-slide-next,
.swiper-slide-prev {
	margin: 0;
	/* No additional margins */
}

.swiper-wrapper {
	width: 100%;
}

.swiper-slide {
	flex: 1 0 100%;
}

.swiper-button-prev,
.swiper-button-next {
	display: none !important;
}

.swiper-pagination-bullets {
	display: none;
}

/* Services Responsive  */
@media screen and (min-width: 2000px) {
	.content-with-grid .grid {
		height: 40rem;
		width: auto;
	}

	.services-wrapper .join-us-wrapper {
		height: 40rem;
	}
}

@media screen and (min-width: 1201px) and (max-width: 1440px) {
	.services.container {
		padding-bottom: 10rem;
	}
}

@media screen and (min-width: 1024px) and (max-width: 1200px) {
	.services.container {
		padding-bottom: 8rem;
	}

	.content-with-grid .grid {
		width: 80vw;
		height: 20rem;
	}

	.swiper-container {
		display: none;
	}

}


@media screen and (min-width: 966px) and (max-width: 1023px) {
	.services-wrapper .services {
		padding-top: 3rem;
		padding-bottom: 8rem;
	}

	/* Stats section */
	.services .stats {
		margin-bottom: 6rem;
	}

	/* Content with Grid */
	.content-with-grid .services-content {
		width: 80vw;
	}

	.content-with-grid .grid {
		height: 40vh;
		column-gap: 1rem;
		padding-left: 0;
		padding-right: 0;
	}

}

@media screen and (min-width: 851px) and (max-width: 965px) {
	.services-wrapper .services {
		padding-top: 3rem;
		padding-bottom: 6rem;
	}

	/* Stats section */
	.services .stats {
		margin-bottom: 6rem;
	}

	/* Content with Grid */
	.content-with-grid .services-content {
		width: 80vw;
	}

	.content-with-grid .grid {
		height: 20rem;
		column-gap: 1rem;
		padding-left: 0;
		padding-right: 0;
	}

}

@media screen and (max-width: 850px) {

	.stats .left,
	.stats .center,
	.stats .right {
		width: 100%;
	}

	/* Content with Grid */
	.content-with-grid .services-content {
		width: 80vw;
	}

	.content .content-with-button h4 {
		font-size: 1.6rem;
	}


	.content-with-grid .grid {
		height: 40vh;
		column-gap: 1rem;
		padding-left: 0;
		padding-right: 0;
		width: 100%;
		display: none;
		flex-direction: row;
	}

	.swiper-container {
		display: block;
	}
}

@media screen and (max-width: 480px) {

	.services-wrapper .services {
		padding-top: 4rem;
		gap: 2.5rem;
	}

	.services .stats {
		grid-template-columns: 1fr 1fr;
		gap: 1.2rem;
		padding: 1rem;
	}

	.services .card {
		padding: 1.8rem 1.8rem 2.5rem 1.8rem;
		gap: 1rem;
	}

}

/****************************/
/** 8. == ** Projects  ** == **/
/***************************/
.projects-wrapper {
	width: 100%;
	background: linear-gradient(to bottom, var(--primary-white) 30%, white)
		/* Margin used to hide white-space under rounded corners on .hero-wrapper */
}

.projects-wrapper .projects {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	gap: 3rem;
	align-items: center;
	padding: 5rem;
}

.projects-header {
	margin: 0 auto;
	width: 100%;
	background-color: var(--primary-white);
	position: relative;
	z-index: 1;
	width: fit-content;
	text-align: center;
	padding: 0 3rem;
}

.projects-header h2 {
	font-family: 'proxima-nova', sans-serif;
	font-size: 2.4rem;
}

.project-border {
	margin-top: 3rem;
	z-index: 0;
	background: transparent;
	border: 3px solid var(--primary-dark-blue);
	min-height: 36rem;
	width: 100%;
	position: absolute;
	padding: 0 5rem;
	max-width: 96rem;
}

.projects .project-images {
	height: 34rem;
	display: grid;
	grid-template-columns: 1fr 2fr;
	width: 100%;
	column-gap: 1.5rem;
	max-width: var(--max-w-content);
	margin: 0 auto;
	position: relative;
	z-index: 2;
}


.project:hover {
	backdrop-filter: blur(2px);
}

.project-images .right {
	display: flex;
	flex-direction: column;
	gap: 1.5rem;

}

.right .top {
	height: 100%;
	width: 100%;
	display: grid;
	grid-template-columns: 0.9fr 1fr;
	gap: 1.5rem;
}

.project {
	width: 100%;
	height: 100%;
}

.right .bottom {
	height: 100%;
	width: 100%;
	display: grid;
	grid-template-columns: 1fr 0.9fr;
	gap: 1.5rem;
}

.project .content {
	display: none;
	z-index: 2;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 2rem;
	background-color: rgba(0, 0, 0, 0.20);
	transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
	backdrop-filter: blur(2px);
}

.project:hover .content {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.project .content p,
.project .content a {
	color: var(--secondary-white) !important;
}

.project .content p {
	font-size: 1.2rem;
	font-weight: 600;
	text-transform: uppercase;
}

/* Projects Responsive  */
@media screen and (min-width: 1270px) and (max-width: 1440px) {
	.join-us-wrapper .join-us {
		max-height: 26rem;
		min-height: 24rem;
	}

	.join-us .image img {
		top: -10rem;

	}
}

@media screen and (min-width: 1150px) and (max-width: 1269px) {
	.join-us-wrapper .join-us {
		max-height: 26rem;
		min-height: 24rem;
	}

	.join-us .image img {
		top: -8rem;
	}
}

@media screen and (min-width: 1024px) and (max-width: 1149px) {
	.join-us-wrapper .join-us {
		height: 20rem;
		min-height: 24rem;
	}

	.join-us .image {
		width: 50%;
	}

	.join-us .image img {
		top: -6rem;
	}
}


@media screen and (min-width: 900px) and (max-width: 1023px) {
	.join-us-wrapper .join-us {
		max-height: 20rem;
		justify-content: center;
		min-height: 24rem;
	}

	.join-us .content {
		flex-wrap: nowrap;
	}

	.join-us .content h2 span {
		font-size: 2rem;
		-webkit-text-stroke-width: 1px;
		-webkit-text-stroke-color: var(--secondary-white);
		color: transparent;
	}

	.join-us .image img {
		top: -6rem;
	}

	.join-us .content {
		width: 38%;
	}

	.join-us .image {
		width: 50%;
		padding-right: 0;
	}
}

@media screen and (min-width: 768px) and (max-width: 899px) {

	.join-us-wrapper .join-us {
		column-gap: 2rem;
		padding: 2rem 0;
		min-height: 22rem;
		height: 20rem;
	}

	.join-us .content {
		width: 40%;
		display: flex;
		justify-content: center;
		row-gap: 1rem;
		align-items: flex-start;
		height: 100%;
	}

	.join-us .image {
		width: 48%;
	}

	.join-us .image img {
		top: 0rem;
	}

}

@media screen and (min-width: 768px) and (max-width: 790px) {
	.join-us .content h2 {
		color: var(--secondary-white);
		font-size: clamp(2.2rem, 4vw, 4rem);
	}
}

@media screen and (min-width: 468px) and (max-width: 767px) {
	.join-us-wrapper {
		height: 80vh;
		min-height: 40rem;
	}

	.join-us-wrapper .join-us {
		padding: 3rem 1rem;
		text-align: center;
		align-items: center;
		flex-direction: column;
		justify-content: space-between;
		padding-bottom: 0;
	}

	.join-us .content {
		width: 100%;
		align-items: center;
	}

	.join-us .image {
		width: 100%;
		padding-right: 0;
	}

	.join-us .image img {
		top: 0rem;
	}
}

@media screen and (max-width: 768px) {

	.projects-wrapper {
		width: 100%;
		/* Margin used to hide white-space under rounded corners on .hero-wrapper */
	}

	.projects-wrapper .projects {
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		gap: 2rem;
		align-items: center;
		padding: 2rem 0;
	}

	.projects-header {
		text-align: center;
		width: fit-content;
		padding: 0 2rem;
	}

	.projects-header h2 {
		font-size: 1.6rem;
	}

	.projects .project-images {
		height: 100%;
		display: grid;
		grid-template-columns: 1fr;
		width: 100%;
		gap: 0.6rem;
		max-width: var(--max-w-content);
		margin: 0;
	}

	.project-border {
		z-index: 0;
		background: transparent;
		border-top: 2px solid var(--primary-dark-blue);
		border-left: 0;
		border-right: 0;
		border-bottom: 0;
		min-height: 36rem;
		width: 100%;
		position: absolute;
		max-width: 96rem;
		margin-top: 2.3rem;

	}


	.project-images .left {
		height: 11rem;
	}


	.project:hover {
		backdrop-filter: blur(2px);
	}

	.project-images .right {
		display: flex;
		flex-direction: row;
		gap: 0.6rem;
		height: 100%;
	}

	.project.two,
	.project.five {
		height: 16rem;
	}

	.project.three,
	.project.four {
		height: 11rem;
	}

	.right .top {
		height: 100%;
		width: 100%;
		display: grid;
		grid-template-columns: 1fr;
		gap: 0.6rem;
	}

	.project {
		width: 100%;
		height: 100%;
	}

	.right .bottom {
		height: 100%;
		width: 100%;
		display: grid;
		grid-template-columns: 1fr;
		gap: 0.6rem;
	}

	.project .content {
		display: none;
		z-index: 2;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		padding: 1rem;
		background-color: rgba(0, 0, 0, 0.20);
		transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
		backdrop-filter: blur(2px);
		text-align: center;

	}

	.project:hover .content {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}

	.project .content p,
	.project .content a {
		color: var(--secondary-white) !important;
	}

	.project .content p {
		font-size: 1rem;
		font-weight: 600;
		text-transform: uppercase;
	}

}

/****************************/
/** == ** Contact Page ** == **/
/***************************/
.page-wrapper {
	width: 100%;
	padding-top: 116px;
	padding: 116px 2rem 0;
}

.page .page-hero {
	height: 30rem;
	justify-content: center;
	display: flex;
	padding: 0 2rem 2rem;
	border-radius: var(--border-radius);
}

.page-hero .hero-content {
	height: 100%;
	width: 100%;
	justify-content: center;
	display: flex;
	flex-direction: column;
	gap: 2rem;
	text-align: center;
}

.page-hero .hero-content p {
	color: white;
}

.page-hero .hero-content .outlined-button {
	margin: 0 auto;
}

/* Process section */
.process {
	width: 100%;
	position: relative;
	top: -9rem;
}

.process-border {
	background-color: transparent;
	border: 3px solid var(--primary-dark-blue);
	padding: 0.8rem;
	position: relative;
	max-width: 44rem;
	margin: 0 auto 4rem auto;

}

.process-content {
	display: flex;
	flex-direction: column;
	align-items: center;
	row-gap: 2rem;
	justify-content: center;
	padding: 3rem 1.5rem;
	background-color: var(--primary-white);

}

.process-content h1 {
	text-transform: capitalize;
	font-family: 'proxima-nova', sans-serif;
	font-size: clamp(1.6rem, 6vw, 3rem);
	padding: 0;
	margin: 0;
	color: var(--primary-dark-blue);
}

.process-content .subheader p {
	font-family: 'Libre Baskerville Italic', sans-serif;
	font-size: 1rem;
	font-weight: 400;
}

.process-grid {
	background-color: var(--primary-white);
	padding: 2rem;
	margin: 0 auto;
	max-width: var(--max-w-content);
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
	width: 100%;
	text-align: center;
}

.process-grid .item {
	display: flex;
	flex-direction: column;
	gap: 3rem;
}

.item .top {
	display: flex;
	flex-direction: row;
	justify-content: center;
	gap: 0;
	align-items: center;
	height: 90px;
}

.connect-line {
	height: 3px;
	background-color: var(--secondary-yellow);
	width: 100%;
}

.item .number-header {
	background-color: var(--secondary-yellow);
	border-radius: 10rem;
	min-width: 90px;
	min-height: 90px;
	justify-content: center;
	display: flex;
	align-items: center;
}

.process-grid .item h2 {
	color: var(--primary-white);
	height: 100%;
	font-family: 'proxima-nova', sans-serif;
}

.process-grid .item p {
	color: var(--secondary-yellow);
	padding: 0 1rem;
}

@media screen and (max-width: 768px) {
	
	.process {
		top: -8rem;
	}

	.process-border {
		border: 2px solid var(--secondary-yellow);
		padding: 0.5rem;
		max-width: 40rem;
		margin: 0 auto 2rem auto;
	}

	.process-content {
		width: 100%;
		padding: 2rem;
		row-gap: 0.8rem;
	}

	.process-grid {
		grid-template-columns: 1fr;
		row-gap: 1rem;
		padding: 0rem;
	}

	.process-grid .item {
		gap: 2rem;
		padding: 0 2rem;
		flex-direction: row;
		align-items: center;
		text-align: left;
	}

	.item .top {
		display: flex;
		flex-direction: row;
		justify-content: center;
		gap: 0;
		align-items: center;
		height: 90px;
	}

}




/* Process Details Section */

.details {
	margin: -5rem auto 0 auto !important;
	max-width: var(--max-w-max) !important;
	width: 100% !important;
	background-color: var(--primary-white) !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 2rem !important;
}

.details .header {
	text-align: center !important;
}

.details h2 {
	font-family: 'proxima-nova', sans-serif !important;
	font-size: 2.5rem !important;
}

.details-grid {
	display: flex !important;
	flex-direction: column !important;
}

.details-grid h2,
.details-grid p {
	color: var(--primary-white) !important;
}

.details-grid .upper {
	display: grid !important;
	grid-template-columns: 1fr 1fr;
	width: 100% !important;
}

span.phone-number {
	font-size: 1.2rem;
	font-weight: 600;
}

.upper .started,
.upper .inspired {
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 1rem;

}

.content-header {
	display: flex;
	flex-direction: column;
	row-gap: 0.5rem;
}

.started {
	background-color: #2D2623B2;
	padding: 3rem 8rem;
	display: flex;
	flex-direction: column;
	row-gap: 1rem;
	height: 100%;
	justify-content: space-between;
}

.inspired {
	background-color: #2D2623CC;
	padding: 3rem 8rem 3rem 3rem;
}

.idea {
	background-color: #2D2623E5;
	padding: 3rem 8rem;
	display: flex;
	flex-direction: column;
	row-gap: 1rem;
}

.idea span.small-header,
.excited span.small-header,
.inspired span.small-header,
.started span.small-header {
	margin: 0;
}

.excited {
	background-color: #2D2623;
	padding: 3rem 8rem 3rem 3rem;
	display: flex;
	flex-direction: column;
	row-gap: 1rem;
}

.details-grid .lower {
	display: grid;
	grid-template-columns: 1fr 1fr;
	width: 100%;
}

.lower .idea,
.lower .excited {
	width: 100%;
}

@media screen and (max-width: 1024px) {

	.details-grid .upper,
	.details-grid .lower {
		grid-template-columns: 1fr;
	}

	.started {
		padding: 3rem 5rem;
	}

	.inspired {
		padding: 3rem 5rem;
	}

	.idea {
		padding: 3rem 5rem;
	}

	.excited {
		padding: 3rem 5rem;
	}

}

@media screen and (max-width: 768px) {

	.details {
		position: relative;
		top: -1rem;
	}

	.details h2 {
		font-size: 1.6rem;
	}

	.details-grid .upper,
	.details-grid .lower {
		display: grid;
		grid-template-columns: 1fr;
		width: 100%;
	}

	.started {
		padding: 2rem 3rem;
	}

	.inspired {
		padding: 2rem 3rem;
	}

	.idea {
		padding: 2rem 3rem;
	}

	.excited {
		padding: 2rem 3rem;
	}

}

@media screen and (max-width: 480px) {

	.details {
		position: relative;
		top: -1rem;
	}

	.details h2 {
		font-size: 1.6rem;
	}

	.details-grid .upper,
	.details-grid .lower {
		display: grid;
		grid-template-columns: 1fr;
		width: 100%;
	}

	.started {
		padding: 2rem 1rem;
	}

	.inspired {
		padding: 2rem 1rem;
	}

	.idea {
		padding: 2rem 1rem;
	}

	.excited {
		padding: 2rem 1rem;
	}

}



.contact-us {
	width: 100%;
	background-color: var(--primary-white);
	display: grid;
	grid-template-columns: 1fr 1fr;
	padding: 5rem;
	gap: 5rem;
}

.contact-us .left,
.contact-us .right {
	width: 100%;
}

.contact-us .right .image {
	width: 100%;
	height: 43rem;
	border-top-left-radius: 30rem;
	border-top-right-radius: 30rem;
	border: 3px solid var(--primary-dark-blue);
}

.contact-form {
	margin: 0 auto;
	width: 50vw;
	background-color: var(--secondary-white);
	padding: 4rem;
	border-radius: var(--border-radius);
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
	/* Small downward shadow */
}


.contact-us .left h2 {
	font-family: 'proxima-nova', sans-serif;
	font-size: 2.5rem;
}

.contact-form .location-form {
	width: 100%;
}

/* Contact Responsive  */

@media screen and (min-width: 2000px) {
	.page .page-hero {
		height: 40rem;
	}

	.contact-form {
		width: 60vw;
	}
}

@media screen and (min-width: 1024px) and (max-width: 1300px) {

	.page .page-hero {
		height: 30rem;
	}

	.contact-form {
		width: 80vw;
	}
}

@media screen and (max-width: 1024px) {

	.contact-us .right .image {
		height: 40rem;
	}
}

@media screen and (max-width: 768px) {

	.page .page-hero {
		height: auto;
		padding: 3rem;
	}

	.contact-us {
		grid-template-columns: 1fr;
		padding: 2rem 3rem;
	}

	.contact-us .right .image {
		height: 30rem;
	}

}


@media screen and (max-width: 480px) {
	.page .page-hero {
		height: auto;
		padding-top: 2rem;
	}

	.contact-form {
		width: 100%;
		padding: 2rem;
	}

	.contact-us .left h2 {
		font-size: 1.6rem;
	}

	.contact-us {
		grid-template-columns: 1fr;
		padding: 2rem 1rem;
	}

	.contact-us .right .image {
		height: 20rem;
	}

}


/****************************/
/** == ** Footer ** == **/
/***************************/
.site-footer-wrapper {
	background-color: var(--primary-white);
	width: 100%;
}

.site-footer-wrapper .site-footer {
	border-top-left-radius: var(--border-radius);
	border-top-right-radius: var(--border-radius);
	background-color: var(--primary-navy);
	padding: 0rem 5rem;
}

.site-footer .upper {
	display: flex;
	justify-content: space-between;
	width: 100%;
	padding: 4rem 0;
}

.site-footer .upper .left {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	height: 100%;
}

.site-footer .upper .left p {
	color: white;
}

.site-footer .upper .right {
	display: flex;
	flex-direction: row;
	gap: 6rem;
	height: 100%;
	justify-content: space-between;
}

.contact-info p {
	color: white;
}

.contact-info .phone-number, .contact-info .address {
	display: flex;
	flex-direction: row;
	gap: 1rem;
}

.phone-number img, .address img {
	width: 2rem;
	height: 2rem;
}

.address a {
	color: white;
}

.site-footer .middle {
	display: flex;
	flex-direction: row;
	gap: 1rem;
	width: 100%;
	align-items: center;
}

.site-footer .lower {
	padding-top: 1rem;
	padding-bottom: 2rem;
	display: flex;
	flex-direction: row;
	width: 100%;
	justify-content: space-between;
}

.site-footer .lower p {
	color: rgba(255, 255, 255, 0.5);
}

.site-footer .lower a {
	color: rgba(255, 255, 255, 0.5);
	font-weight: 600;
}

ul#our-work-menu {
	display: flex;
	flex-direction: column;
	row-gap: 1rem;
}

ul#our-work-menu li a {
	color: var(--primary-white);
	font-size: 1rem;
}

ul#quick-links li a {
	color: var(--primary-white);
}

#contact-menu ul li a {
	color: #6e6e6e;
}


.contact-info .headquarters-info p {
	font-size: 1rem;
}

.contact-info .headquarters-info hr {
	display: none;
}

.contact-info .headquarters-info-mobile {
	display: none;
}

.contact-info .headquarters-info-mobile p {
	color: #6e6e6e;
}

.footer-menu-header p {
	text-transform: none;
	font-weight: 600;
	color: white;
	margin-bottom: 1rem;
	font-size: 1.2rem;
}

.footer-upper .menu ul {
	padding: 0;
	margin: 0;
	display: flex;
	flex-direction: column;
	row-gap: 1rem;
}

.footer-upper .menu ul li {
	list-style: none;
	font-size: 1rem;
}

.footer-upper .menu ul li a {
	text-decoration: none;
	color: var(--secondary-light-blue);
}

/* dont forget to fix this */

.footer-upper .menu-quick-links-container ul {
	padding: 0;
	margin: 0;
	display: flex;
	flex-direction: column;
	row-gap: 1rem;
}

.footer-upper .menu-quick-links-container ul li {
	list-style: none;
	font-size: 1rem;
}

.footer-upper .menu-quick-links-container ul li a {
	text-decoration: none;
}

.menu-quick-links-container ul {
	list-style: disc inside;
	padding-left: 0;
}

.menu-quick-links-container ul li {
	padding-left: 0;
}

.menu-quick-links-container ul li a {
	color: white;
}


.menu-quick-links-container ul li::marker {
	padding: 0;
	font-size: 20px;
	color: var(--primary-blue);
}

.left .footer-logo {
	max-width: 18rem;
}

.footer-logo a img {
	width: 100%;
}

.left .contact-info {
	display: flex;
	flex-direction: column;
	height: 100%;
	justify-content: space-between;
	gap: 2rem;
}

.site-footer .footer-lower {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	padding: 1.5rem 5rem;
}

.site-footer .footer-lower p {
	color: var(--primary-white);
}

.footer-socials {
	display: grid;
/* 	grid-template-columns: repeat(3, 1fr); */
	grid-template-columns: 1fr;
	align-items: center;
	gap: 1rem;
}

.footer-socials-mobile {
	display: none;
}

.footer-socials a {
	width: 2.1rem;
}

.footer-socials-mobile a svg {
	fill: #6e6e6e;
}

.footer-copyright p {
	margin: 0;
	font-size: 1rem;
	color: #6e6e6e;
}

.privacy-terms {
	display: flex;
	flex-direction: row;
	gap: 1rem;
	align-items: center;
}

span.dot {
	width: 8px;
	height: 8px;
	border-radius: 100%;
	background-color: var(--primary-blue);
	margin-bottom: 1rem;
}

@media screen and (max-width: 768px) {

	.site-footer .lower {
		flex-direction: column;
		text-align: center;
	}
	
	.privacy-terms {
		justify-content: center;
	}
	
}
	

/* === Inside Pages === */
/* 
.kt-tabs-title-list {    
	margin: 0 auto !important;
    overflow-x: scroll;
    max-width: var(--max-w-content);
	width: 100%;
    flex-wrap: nowrap !important;
	justify-content: flex-start !important;
}

.kt-title-item a {
	width: max-content !important;
} */

/* .services-tabs .kt-tabs-wrap {
	display: flex;
	flex-direction: column-reverse;
} */

.tab:hover .kb-svg-icon-wrap {
	transform: scale(1.05);
}

.button-arrow {
	height: 2rem;
}

a.kt-tab-title.kt-tab-title {
	column-gap: 1rem !important;
}

.kt-tabs-wrap .wp-block-kadence-tab {
	padding: 0 !important;
}

span.kt-title-text {
	font-weight: bolder;
	font-family: "proxima-nova", sans-serif;
	margin-bottom: 0.5rem;
}

a.kt-tab-title.kt-tab-title .kb-svg-icon-wrap {
    color: #3f9eba;
    font-size: 30px;
    background: #ffffff;
    border-width: 0px;
    border-radius: 50%;
    transition: all .3s ease-in-out;
    padding: 20px;
}

.room-tabs .kt-tabs-wrap {
	column-gap: 2rem!important;
}

.kt-svg-icon-list-text {
	font-weight: 400 !important;
	font-size: 1rem !important;
	letter-spacing: normal !important;
}

.kt-svg-icon-list-text a {
	text-decoration: underline;
}

/* === 404 Error Page === */
.error-page {
	background-color: #00558B;
}

.error-content {
	display: flex;
	text-align: center;
	align-content: center;
	flex-direction: column;
	justify-content: center;
	width: 100%;
	row-gap: 2rem;
	min-height: 100vh;
}

@media screen and (max-width: 768px) {

	.quick-links-menu {
		display: none;
	}

	.site-footer .upper {
		flex-direction: column;
		align-items: center;
		text-align: center;
	}

	.site-footer .upper .left {
		align-items: center;
	}

	.contact-info .phone-number, .contact-info .address {
		flex-direction: column;
		align-items: center;
	}
}


@media screen and (max-width: 480px) {

	.site-footer-wrapper .site-footer {
		padding: 0rem 2rem;
	}

	.site-footer .upper {
		flex-direction: column;
		align-items: center;
	}

	.site-footer .upper .left {
		flex-direction: column;
		text-align: center;
	}

	.site-footer .upper .right {
		display: none;
	}
}

/* === Keyframes === */

/* === Live Fixes === */

/* === Gravity Forms === */
.gform-theme--foundation .gfield textarea.medium,
input {
	border: none !important;
	border-radius: 2 !important;

}

.gf-form-title {
	display: none !important;
}

.gform-theme--foundation .gform_fields {
	margin-top: 2rem;
	row-gap: 1rem !important;
}

.gform-footer.gform_footer.top_label {
	width: 100%;
	justify-content: flex-end;
}

label.gfield_label.gform-field-label {
	font-family: 'proxima-nova', sans-serif;
	font-size: 1rem;
	font-weight: 400;
}

textarea::placeholder {
	color: var(--secondary-light-gray);
	opacity: 0.4;

}

/* === Strong Testimonials === */
.wpmtst-testimonial-inner {
	display: flex !important;
	flex-direction: column;
	padding: 2.2rem !important;
    border: 2px solid var(--secondary-light-gray);
    border-radius: 2rem !important;
    background-color: white;
	text-align: left !important;
	height: 100%;
}

a.readmore {
/* 	display: none; */
	color: var(--primary-blue);
}

.wpmtst-testimonial-field.testimonial-field {
	margin-bottom: 1rem !important;
}

.strong-rating-wrapper.in-view .strong-rating {
	display: flex;
	column-gap: 0.2rem;
}

.wpmtst-testimonial-content {
	order: 2;
	margin-bottom: 1.25rem !important;
	padding-bottom: 2rem !important;
	border-bottom: 1px solid var(--secondary-light-gray);
	flex: 1;
}

.wpmtst-testimonial-field.testimonial-name {
	order: 3;
	font-size: 1.25rem;
	font-weight: 600;
	/* Responsive font size */
	line-height: 1.6;
	font-family: "proxima-nova", sans-serif;
	margin-bottom: 0 !important;
}

.company_name {
	font-size: 1rem !important;
	order: 10;
	font-family: "proxima-nova", sans-serif;
}

.strong-content.wpmslider-content {
	display: flex;
	flex-direction: row;
}

.wpmslider-controls {
	display: flex;
	flex-direction: row;
	gap: 0.5rem;
	justify-content: center;
}

.wpmslider-prev, .wpmslider-next {
    display: inline-block;
    background: linear-gradient(to left, var(--primary-blue) 0%, var(--secondary-light-blue) 100%) !important;
    border-radius: 100%!important;
    color: #FFF;
    cursor: pointer;
    font-size: 16px;
    line-height: 2rem !important;
    height: 2rem !important;
   	width: 2rem !important;
    text-align: center;
}

.wpmslider-prev:hover, .wpmslider-next:hover {
	transform: scale(1.05);
	 transition: all 0.6s ease-in-out;
}

.splide .card h3 {
	color: var(--primary-blue);
}

.splide .card p {
	color: black;
}

.splide .card i {
	color: var(--primary-blue);
	background-color: var(--secondary-light-gray);
	padding: .75rem;
    border-radius: 100%;
}

.splide .card .card-img {
	width: 100%;
	aspect-ratio: 16/10;
	object-fit: cover;
	display: block;
}