/* Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap');

/* Global Variables */
:root {
	--font-manrope: 'Manrope', sans-serif;
	--font-poppins: 'Poppins', sans-serif;
	--brand-primary: #082A35;
	--brand-secondary: #1380A0;
	--bs-body-color: var(--brand-primary);
	--bs-secondary-color: var(--brand-primary);
	--bs-warning-rgb: 255, 140, 0;
	--bs-link-color: var(--brand-primary);
	--bs-link-hover-color: var(--brand-secondary);
	--alice-blue: #E5EEEF;
	--seasalt: rgba(248, 249, 250, 1);
}

/* Testing */
    .flip-card {
      background-color: transparent;
      perspective: 1000px; /* Needed for 3D effect */
		min-height: 200px;
		
    }

    .flip-card-inner {
      position: relative;
      width: 100%;
      height: 100%;
      text-align: center;
      transition: transform 0.6s;
      transform-style: preserve-3d;
    }

    .flip-card:hover .flip-card-inner {
      transform: rotateY(180deg);
    }

    .flip-card-front, .flip-card-back {
      position: absolute;
      width: 100%;
      height: 100%;
      backface-visibility: hidden;
      border: 2px solid var(--alice-blue);
      border-radius: 12px;
      display: flex;
      align-items: center;
      justify-content: center;
	box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075);
		padding: 1rem;
    }

    .flip-card-back {
      transform: rotateY(180deg);
		background-color: var(--bs-white);
    }
.fixed-logo {
  height: 150px;
  width: auto;
  object-fit: contain;
}

/* Global Reset & Accessibility */
*:focus {
	box-shadow: none !important;
}

/* Base Layout Structure */
html, body {
	height: 100%;
}
body {
	display: flex;
	flex-direction: column;
	font-family: var(--font-poppins);
}
main {
	flex: 1;
	margin-top: 4.375rem;
}

/* Content > Typography */
h1, .h1 {
	font-family: var(--font-manrope) !important;
	font-weight: 800;
	letter-spacing: -1.5px;
	line-height: 1.1;
	margin-bottom: 0;
}
.h1-parent {
	font-size: 68px;
}
@media (max-width:1199.98px) {
	.h1-parent {
		font-size: 48px;	
	}
}
.h1-child {
	font-size: 52px;
	padding: 1.5rem 0 3rem;
}
@media (max-width:1199.98px) {
	.h1-child {
		font-size: 40px;
	}
}
h2, .h2 {
	font-family: var(--font-manrope);
	font-size: 32px;
	font-weight: 700;
	letter-spacing: -1.5px;
	line-height: 1.1;
	margin-bottom: 0;
}
h2.fs-3-column {
	font-size: 40px;
	margin-bottom: 6px;
}
h3, .h3 {
	font-size: 20px;
	line-height: 1.1;
	margin-bottom: 0.125rem;
}
p {
	margin: 0 0 24px;
}
p:last-child:not(:only-child) {
	margin: 0;
}
ul {
	margin-bottom: 1.4375rem;
}
b, strong {
	font-weight: 500;
}
a {
	color: var(--brand-secondary);
}
a:hover {
	color: var(--brand-primary);
}
a.stretched-link {
	text-decoration: none;
}
a.stretched-link:hover {
	text-decoration: underline;
}

/* Forms */
.form-control {
	padding: .5625rem 1rem .4375rem;
}

/* Components > Accordion */
.accordion-button {
	font-size: 1.15rem;
	padding: 1rem;
}
.accordion-button:not(.collapsed) {
	background-color: transparent;
	box-shadow: none;
	color: var(--brand-secondary);
	font-weight: 600;
	padding-bottom: 0;
}
.accordion-button:not(.collapsed)::after {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1em' viewBox='0 0 512 512'%3E%3C!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --%3E%3Cpath fill='%23DEE2E6' d='M233.4 105.4c12.5-12.5 32.8-12.5 45.3 0l192 192c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L256 173.3 86.6 342.6c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3l192-192z'/%3E%3C/svg%3E");
}
.accordion-button::after {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1em' viewBox='0 0 512 512'%3E%3C!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --%3E%3Cpath fill='%23082A35' d='M233.4 105.4c12.5-12.5 32.8-12.5 45.3 0l192 192c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L256 173.3 86.6 342.6c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3l192-192z'/%3E%3C/svg%3E");
}
.accordion-button:hover, .accordion-button:focus {
	color: var(--brand-secondary);
}
.accordion-item {
	border: none;
}
.accordion-body {
	padding: 0 1rem 1rem;
}

/* Components > Breadcrumb */
.breadcrumb a, .breadcrumb-item+.breadcrumb-item::before, .breadcrumb-item.active {
	color: var(--brand-primary);
	font-size: 0.875rem;
}

/* Components > Buttons */
.btn {
	--bs-btn-border-width: 0;
	font: 500 0.875rem var(--font-poppins);
	padding: 0.5rem 1rem;
}
.btn-primary {
	--bs-btn-bg: var(--brand-primary);
	--bs-btn-hover-color: var(--brand-primary);
	--bs-btn-hover-bg: var(--bs-white);
	--bs-btn-hover-border-color: var(--brand-primary);
	--bs-btn-active-bg: var(--brand-primary);
	--bs-btn-active-border-color: var(--brand-primary);
	border: 2px solid transparent;
	border-radius: 50em;
	transition: all 0.3s ease;
}
.btn-link {
	font: 400 1rem var(--font-poppins);
}

/* Components > Card */
.card {
	--bs-card-border-width: 2px;
	--bs-card-border-color: var(--alice-blue);
	--bs-card-border-radius: 12px;
	box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075);
}
.card-text {
	font-size: .875em;
}
.card-header {
	background-color: transparent;
	border-bottom: 1px solid var(--alice-blue);
}
.card-footer {
	background-color: transparent;
	border-top: none;
}

/* Components > Carousel */
#testimonials .carousel-item {
	min-height: 400px; 
	padding: 0 4rem;
}
@media (max-width:767.98px) {
	#testimonials .carousel-item {
		padding: 0;
	}
}
#testimonials .carousel-control-next, #testimonials .carousel-control-prev {
	padding: 0 1rem;
	width: auto;
}
.custom-indicators {
	gap: 1rem;
	margin-bottom: 0;
	margin-top: 1rem;
	position: static;
}
@media (max-width: 991.98px) {
	.custom-indicators {
		flex-wrap: wrap;
		margin-left: auto;
		margin-right: auto;
		max-width: 390px; 
	}
}
.custom-indicators [data-bs-target] {
	border: none;
	flex: 0 0 85px;
	height: auto;
	margin: 0;
}
.custom-indicators img {
	border-radius: 6px;
	display: block;
	width: 100%;
}
.custom-indicators .active, .custom-indicators [data-bs-target]:hover {
  opacity: 1;
}

/* Components > List group */
.list-group-item {
	background-color: transparent !important;
	padding: 1rem;
}
.list-group-item a {
	color: var(--brand-primary);
}
.list-group-item a:hover {
	color: var(--brand-secondary);
}
.list-group .chevron-right > a {
	font-size: 1.25rem;
}
.chevron-right:before {
	content: "\f054";
	font: 1.313rem 'FontAwesome';
	padding: 1.188rem 1rem 0 0;
	position: absolute;
	right: 0;
	top: 0;
}
	.circle-check:before {
		content: "\f058";
		color: #3DBA93;
		font: 1.313rem 'FontAwesome';
		padding: .938rem 1rem 0 0;
		position: absolute;
		left: 0;
		top: 0;
	}
	.list-group .circle-check {
		padding-left: 2.25rem;
	}

/* Components > Navbar */
.dropdown-menu {
	--bs-dropdown-font-size: 0.813rem;
	--bs-dropdown-border-width: 0;
	--bs-dropdown-link-color: var(--brand-primary);
	--bs-dropdown-link-hover-color: var(--brand-secondary);
	--bs-dropdown-link-active-color: var(--brand-secondary);
	box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
	clip-path: inset(0px -20px -20px -20px);
	white-space: nowrap;
}
@media (max-width:1199.98px) {
	.dropdown-menu {
		box-shadow: none;
		padding: 0;
	}	
}
.dropdown-item:hover {
	background-color: var(--seasalt);
}
.dropdown-item:active {
	background-color: var(--bs-white);
}
.nav-link {
	font-size: 0.813rem;
}
a.nav-link.active {
  text-decoration: underline;
}
@media (max-width:1199.98px) {
	.dropdown-item, .nav-link {
		border-bottom: 1px solid var(--alice-blue);
		padding: 0.5rem 1rem;
		text-align: center;
	}	
}
.navbar {
	--bs-navbar-padding-y: 0;
	--bs-navbar-color: var(--brand-primary);
	--bs-navbar-hover-color: var(--brand-secondary);
	--bs-navbar-active-color: var(--brand-secondary);
}
@media (max-width:1199.98px) {
	.navbar-nav .nav-link.show {
		background-color: var(--seasalt);
	}
}

/* Components > Navs & tabs */
.nav-header {
	margin-right: 3px;
}
ul.nav.flex-column li.nav-item a.nav-link {
	background-color: var(--bs-white);
	margin-right: 3px;
	padding-left: 0;
}
ul.nav.flex-column li.nav-item a.nav-link.active {
	margin-right: 0;
	position: relative;
}
ul.nav.flex-column li.nav-item a.nav-link.active:before {
	content: "\f105";
	font: 1rem 'FontAwesome';
	padding: 0.5rem 0 0 0;
	position: absolute;	
	right: -0.225rem;
	top: 0;
}
.color-1of11:before, .color-1of11:hover:before {
	color: #00aeef;
}
.color-2of11:before, .color-2of11:hover:before {
	color: #13b3e6;
}
.color-3of11:before, .color-3of11:hover:before {
	color: #26b7dc;
}
.color-4of11:before, .color-4of11:hover:before {
	color: #39bbd3;
}
.color-5of11:before, .color-5of11:hover:before {
	color: #4cbfca;
}
.color-6of11:before, .color-6of11:hover:before {
	color: #5fc3c0;
}
.color-7of11:before, .color-7of11:hover:before {
	color: #72c7b7;
}
.color-8of11:before, .color-8of11:hover:before {
	color: #85cbae;
}
.color-9of11:before, .color-9of11:hover:before {
	color: #98cfa4;
}
.color-10of11:before, .color-10of11:hover:before {
	color: #abd39b;
}
.color-11of11:before, .color-11of11:hover:before {
	color: #3dba93;
}

/* Utilities > Background */
.bg-body-secondary {
	background-color: #EAF4F4 !important;
}
.bg-gradient {
	background: linear-gradient(#1CC291, #24BDEF) !important;
}
.bg-gradient-light {
	background: linear-gradient(to right, rgba(233, 250, 255, 1), rgba(233, 250, 248, 1));
}

/* Utilities > Borders */
.border-end-xl-1 {
	border-right: 1px solid var(--alice-blue);
}
.border-end-xl-2 {
	border-right: 2px solid var(--alice-blue);
}
@media (max-width:1199.98px) {
	.border-end-xl-1, .border-end-xl-2 {
		border-right: none;
	}
}
@media (max-width:991.98px) {
	.border-bottom-lg-1 {
		border-bottom: 1px solid var(--alice-blue) !important;
	}
}
.border-start {
	border-left: 1px solid var(--alice-blue) !important;
}

/* Utilities > Float */
.float {
	bottom: -19px;
	position: absolute;
}

/* Utilities > Text */
.fs-115 {
	font-size: 1.15rem;
}

/* Utilities > Shadows */

/* Extend > Blurred Image Effect */

/* Extend > Filter */

/* Extend > FullCalendar */

/* Extend > Fullscreen Media Background */
.video-banner {
	height: 640px;
	overflow: hidden;
	position: relative;
}
.video-banner video {
	height: 100%;
	left: 0;
	object-fit: cover;
	position: absolute;
	top: 0;
	width: 100%;
}
@media (max-width: 767.98px) {
	.video-banner video {
		object-position: left center;
	}
}
.video-banner .overlay {
	background-color: rgba(0, 0, 0, 0.4);
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 2;
}
.video-banner .text {
	color: var(--bs-white);
	left: 50%;
	position: absolute;
	text-align: center;
	text-shadow: 0 .125rem .25rem rgba(0, 0, 0, .85);
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 3;
}

/* Extend > Horizontal Scroll Menu */
.scrollmenu {
	display: flex;
	overflow-x: auto;
	overflow-y: hidden;
	padding-left: 1.5rem;
	scrollbar-width: none;
	width: 100%;
	-webkit-overflow-scrolling: touch;
}
.scrollmenu::-webkit-scrollbar {
	display: none;
}
.scrollmenu a {
	flex: 0 0 auto;
}

/* Extend > Icons */
.social-nav, .social-nav:hover {
	align-items: center;
	background-color: var(--brand-primary);
	border-radius: 50%;
	color: var(--bs-white);
	display: inline-flex;
	height: 2.5rem;
	justify-content: center;
	text-decoration: none;
	width: 2.5rem;
}
.fw {
	flex-shrink: 0;
	width: 2.375rem;
}

/* Extend > Logos */

/* Extend > NavStep */
.step-content > div {
	display: none;
}
.step-content > .active {
	display: block;
}
#stepnav.nav-pills {
	--bs-nav-pills-link-active-color: var(--brand-primary);
	--bs-nav-pills-link-active-bg: color-mix(in srgb, var(--alice-blue), transparent 50%);
}
#stepnav .nav-link {
	font-size: 0.875rem;
}

/* Extend > Testimonials */
.bubble-top {
	background-color: #F0F7F7;
	border-bottom-left-radius: 12px;
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
	padding: 5.625rem 3rem 3rem;
	position: relative;
}
.bubble-top::before {
	color: rgba(33, 37, 41, 0.25);
	content: "\f10d";
	font: 900 75px 'FontAwesome';
	position: absolute;
	top: 9px;
}
.bubble-bottom-left-1 {
	background-color: #F0F7F7;
}
.bubble-bottom-left-2 {
	background-color: var(--bs-white); 
	border-top-right-radius: 12px;
	padding: 1.5rem 0 1.5rem 3rem;
}
.bubble-bottom-right {
	background-color: #F0F7F7; 
	border-bottom-left-radius: 12px;
	border-bottom-right-radius: 12px;
}

@media (max-width:575.98px) {}

@media (max-width:767.98px) {}

@media (max-width:991.98px) {}

@media (max-width:1199.98px) {}

@media (max-width:1399.98px) {}