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

body {
	margin: 0;
}

:root {
	--gjs-t-color-primary: #2563eb;
	--gjs-t-color-secondary: #1e40af;
	--gjs-t-color-accent: #f59e0b;
	--gjs-t-color-success: #10b981;
	--gjs-t-color-warning: #f59e0b;
	--gjs-t-color-error: #ef4444;
}

.gjs-t-body {
	background-color: #ffffff;
	color: #1f2937;
	font-size: 1rem;
	line-height: 1.75rem;
	font-family: Arial, Helvetica, sans-serif;
}

.gjs-t-h1 {
	color: var(--gjs-t-color-secondary);
	font-size: 3rem;
	line-height: 3.5rem;
	font-weight: 700;
}

.gjs-t-h2 {
	color: #1e3a8a;
	font-size: 2.5rem;
	line-height: 3rem;
	font-weight: 600;
}

.gjs-t-link {
	color: var(--gjs-t-color-primary);
	text-decoration: underline;
}

*,
::before,
::after {
	box-sizing: border-box;
		border-width: 0;
	border-style: solid;
	border-color: #e5e7eb;
}

html,
:host {
	line-height: 1.5;
	-webkit-text-size-adjust: 100%;
	-moz-tab-size: 4;
	tab-size: 4;
	font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	font-feature-settings: normal;
	font-variation-settings: normal;
	-webkit-tap-highlight-color: transparent;
}

body {
	margin: 0;
	line-height: inherit;
}

hr {
	height: 0;
	color: inherit;
	border-top-width: 1px;
}

abbr:where([title]) {
	text-decoration: underline dotted;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: inherit;
	font-weight: inherit;
}

a {
	color: inherit;
	text-decoration: inherit;
}

b,
strong {
	font-weight: bolder;
}

code,
kbd,
samp,
pre {
	font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
	font-feature-settings: normal;
	font-variation-settings: normal;
	font-size: 1em;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

table {
	text-indent: 0;
	border-color: inherit;
	border-collapse: collapse;
}

button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-feature-settings: inherit;
	font-variation-settings: inherit;
	font-size: 100%;
	font-weight: inherit;
	line-height: inherit;
	letter-spacing: inherit;
	color: inherit;
	margin: 0;
	padding: 0;
}

button,
select {
	text-transform: none;
}

button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
	-webkit-appearance: button;
	background-color: transparent;
	background-image: none;
}

:-moz-focusring {
	outline: auto;
}

:-moz-ui-invalid {
	box-shadow: none;
}

progress {
	vertical-align: baseline;
}

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
	height: auto;
}

[type='search'] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}

::-webkit-search-decoration {
	-webkit-appearance: none;
}

::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}

summary {
	display: list-item;
}

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
	margin: 0;
}

fieldset {
	margin: 0;
	padding: 0;
}

legend {
	padding: 0;
}

ol,
ul,
menu {
	list-style: none;
	margin: 0;
	padding: 0;
}

dialog {
	padding: 0;
}

textarea {
	resize: vertical;
}

input::placeholder,
textarea::placeholder {
	opacity: 1;
	color: #9ca3af;
}

button,
[role="button"] {
	cursor: pointer;
}

:disabled {
	cursor: default;
}

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
	display: block;
	vertical-align: middle;
}

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

[hidden] {
	display: none;
}

.navigation-container {
	max-width: 80rem;
	margin-left: auto;
	margin-right: auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.nav-link:hover {
	color: rgba(255, 255, 255, 1);
	text-decoration: underline;
}

.nav-link {
	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 200ms;
}

.hero-banner {
	position: relative;
	
}

.hero-background-container {
  position: relative;
  min-height: 24rem;     /* default minimum height */
  height: auto !important;  /* allow it to grow if nav pushes down */
}

.hero-background-image {
  position: absolute;
  inset: 0px;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.hero-overlay {
  position: absolute;
  inset: 0px;
  background-color: rgb(0 0 0 / 0.5);
}
.hero-content {
	position: relative;
	max-width: 80rem;
	margin-left: auto;
	margin-right: auto;
	padding-left: 1.5rem;
	padding-right: 1.5rem;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
}

.hero-headline {
	color: rgb(255 255 255 / 1);
	margin-bottom: 1rem;
}

.hero-subheadline {
	font-size: 1.25rem;
	line-height: 1.75rem;
	color: rgb(229 231 235 / 1);
	margin-bottom: 2rem;
	max-width: 42rem;
}

.services-overview {
	padding-top: 4rem;
	padding-bottom: 4rem;
	background-color: rgb(249 250 251 / 1);
}

.services-container {
	max-width: 80rem;
	margin-left: auto;
	margin-right: auto;
	padding-left: 1.5rem;
	padding-right: 1.5rem;
}

.services-headline {
	text-align: center;
	margin-bottom: 3rem;
}

.services-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 2rem;
}

.service-card {
	background-color: rgb(255 255 255 / 1);
	padding: 2rem;
	border-radius: 0.75rem;
	box-shadow: 0 0 #0000, 0 0 #0000, 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 200ms;
	text-align: center;
}

.service-card:hover {
	box-shadow: 0 0 #0000, 0 0 #0000, 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
}

.service-icon-container {
	margin-bottom: 1rem;
}

.service-icon {
	width: 4rem;
	height: 4rem;
	background-color: rgb(219 234 254 / 1);
	border-radius: 9999px;
	margin-left: auto;
	margin-right: auto;
	display: flex;
	align-items: center;
	justify-content: center;
}

.icon-text {
	font-size: 1.5rem;
	line-height: 2rem;
	color: rgb(37 99 235 / 1);
}

.service-title {
	font-size: 1.25rem;
	line-height: 1.75rem;
	font-weight: 600;
	margin-bottom: 0.5rem;
}

.service-description {
	color: rgb(75 85 99 / 1);
}

.how-it-works {
	padding-top: 4rem;
	padding-bottom: 4rem;
}

.how-it-works-container {
	max-width: 80rem;
	margin-left: auto;
	margin-right: auto;
	padding-left: 1.5rem;
	padding-right: 1.5rem;
}

.how-it-works-headline {
	text-align: center;
	margin-bottom: 3rem;
}

.steps-list {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 2rem;
}

.step-item {
	text-align: center;
}

.step-number {
	width: 3rem;
	height: 3rem;
	background-color: rgb(37 99 235 / 1);
	color: rgb(255 255 255 / 1);
	border-radius: 9999px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1rem;
	font-weight: 700;
	font-size: 1.125rem;
	line-height: 1.75rem;
}

.step-title {
	font-size: 1.125rem;
	line-height: 1.75rem;
	font-weight: 600;
	margin-bottom: 0.5rem;
}

.fleet-showcase {
	padding-top: 4rem;
	padding-bottom: 4rem;
	background-color: rgb(249 250 251 / 1);
}

.fleet-container {
	max-width: 80rem;
	margin-left: auto;
	margin-right: auto;
	padding-left: 1.5rem;
	padding-right: 1.5rem;
}

.fleet-headline {
	text-align: center;
	margin-bottom: 3rem;
}

.fleet-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 2rem;
}

.vehicle-card {
	background-color: rgb(255 255 255 / 1);
	border-radius: 0.75rem;
	box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
	overflow: hidden;
	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 200ms;
}

.vehicle-card:hover {
	box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
}

.vehicle-details {
	padding: 1.5rem;
}

.vehicle-title {
	font-size: 1.25rem;
	line-height: 1.75rem;
	font-weight: 600;
	margin-bottom: 0.5rem;
}

.vehicle-features {
	color: rgb(75 85 99 / 1);
}

.about-us {
	padding-top: 4rem;
	padding-bottom: 4rem;
}

.about-container {
	max-width: 80rem;
	margin-left: auto;
	margin-right: auto;
	padding-left: 1.5rem;
	padding-right: 1.5rem;
}

.about-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 3rem;
	align-items: center;
}

.about-headline {
	margin-bottom: 1.5rem;
}

.about-text {
	color: rgb(75 85 99 / 1);
}

.contact-location {
	padding-top: 4rem;
	padding-bottom: 4rem;
	background-color: rgb(249 250 251 / 1);
}

.contact-container {
	max-width: 80rem;
	margin-left: auto;
	margin-right: auto;
	padding-left: 1.5rem;
	padding-right: 1.5rem;
}

.contact-headline {
	text-align: center;
	margin-bottom: 3rem;
}

.contact-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 3rem;
}

.contact-item {
	margin-bottom: 1.5rem;
}

.contact-label {
	font-size: 1.125rem;
	line-height: 1.75rem;
	font-weight: 600;
	margin-bottom: 0.5rem;
}

.phone-link {
	font-size: 1.25rem;
	line-height: 1.75rem;
}

.hours-text {
	color: rgb(75 85 99 / 1);
}

.footer {
	background-color: rgb(17 24 39 / 1);
	color: rgb(209 213 219 / 1);
	padding-top: 3rem;
	padding-bottom: 3rem;
}

.footer-container {
	max-width: 80rem;
	margin-left: auto;
	margin-right: auto;
	padding-left: 1.5rem;
	padding-right: 1.5rem;
}

.footer-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 2rem;
	margin-bottom: 2rem;
}

.footer-title {
	color: rgb(255 255 255 / 1);
	font-size: 1.125rem;
	line-height: 1.75rem;
	font-weight: 600;
	margin-bottom: 1rem;
}

.footer-text {
	font-size: 0.875rem;
	line-height: 1.25rem;
}

.footer-subtitle {
	color: rgb(255 255 255 / 1);
	font-size: 1.125rem;
	line-height: 1.75rem;
	font-weight: 600;
	margin-bottom: 1rem;
}

.footer-link-item {
	margin-bottom: 0.5rem;
}

.footer-link:hover {
	color: rgb(255 255 255 / 1);
}

.footer-link {
	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 200ms;
}

.social-links {
	display: flex;
	gap: 1rem;
}

.social-link:hover {
	color: rgb(255 255 255 / 1);
}

.social-link {
	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 200ms;
}

.footer-bottom {
	border-top-width: 1px;
	border-color: rgb(31 41 55 / 1);
	padding-top: 2rem;
	text-align: center;
}

.copyright-text {
	font-size: 0.875rem;
	line-height: 1.25rem;
}

#i1au6 {
	left: 0px;
	top: 22px;
	margin-top: 64px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 24px;
}

#services {
	background-color: #293038;
}

#irjr4 {
	color: rgba(255, 250, 250, 1);
}

#iwocx {
	color: #2d2a26;
	background-color: #4dc1b5;
}

#ip23v {
	color: rgba(255, 254, 254, 1);
}

#i9fib {
	color: rgba(255, 255, 255, 1);
}

#iwe4jl {
	color: rgba(255, 254, 254, 1);
}

#iqhw7 {
	color: rgba(255, 255, 255, 1);
}

#iomco {
	position: static;
	background-color: #293038;
}

#ie94u {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#ifr6 {
	background-color: #293038;
}

#i5fkf {
	color: rgba(255, 255, 255, 1);
}

#iai5x {
	background-color: #293038;
}

#ir4zn {
	color: rgba(255, 255, 255, 1);
}

#i2x6s {
	color: rgba(255, 255, 255, 1);
}

#i8f4a {
	color: #4dc1b5;
}

#i3g8j {
	color: #4dc1b5;
}

#iq8uy {
	color: #2d2a26;
	background-color: #4dc1b5;
}

#imm9x {
	color: #2d2a26;
	background-color: #4dc1b5;
}

#iszmga {
	color: #2d2a26;
	background-color: #4dc1b5;
}

#i6fynl {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 24px;
	padding-bottom: 0px;
	padding-left: 24px;
}

#fleet {
	background-color: #4dc1b5;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 64px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#i39kxn {
	color: #293038;
}

#i09fgv {
	color: #293038;
	text-align: center;
}

#ig3gqo {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 154px;
	padding-left: 0px;
	grid-template-columns: repeat(5, minmax(0px, 1fr));
	grid-template-rows: repeat(2, 1fr);
	gap: 1rem;
	display: grid;
}

#ic90ig {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 24px;
	padding-right: 24px;
	padding-bottom: 22px;
	padding-left: 24px;
	position: relative;
	top: 0px;
	bottom: 0px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	left: 0px;
	box-shadow: 0 0 5px 0 black, 0 0 5px 0 black;
	mix-blend-mode: normal;
}

#i5rksw {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	position: relative;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	display: block;
	grid-area: 1 / 1 / 2 / 1;
	background-clip: border-box;
	min-height: 0px;
}

#il65di {
	position: relative;
	left: 6px;
	top: 6px;
	width: 145px;
	height: 67px;
}

#i9pmdk {
	color: #293038;
	text-align: center;
}

#il65di-4 {
	position: relative;
	left: 6px;
	top: 6px;
	width: 168px;
	height: 67px;
}

#iv4w3o {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 24px;
	padding-right: 24px;
	padding-bottom: 22px;
	padding-left: 24px;
	position: relative;
	top: 0px;
	bottom: 0px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	left: 0px;
	box-shadow: 0 0 5px 0 black, 0 0 5px 0 black;
	mix-blend-mode: normal;
}

#ibp821 {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	position: relative;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	display: block;
	grid-area: 1 / 2 / 2 / 2;
	background-clip: border-box;
	min-height: 0px;
}

#i7fqw9 {
	color: #293038;
	text-align: center;
}

#il65di-4-2 {
	position: relative;
	left: 18px;
	top: 6px;
	width: 133px;
	height: 66px;
}

#ictng4 {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 24px;
	padding-right: 24px;
	padding-bottom: 22px;
	padding-left: 24px;
	position: relative;
	top: 0px;
	bottom: 0px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	left: 0px;
	box-shadow: 0 0 5px 0 black, 0 0 5px 0 black;
	mix-blend-mode: normal;
}

#i9ztjd {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	position: relative;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	display: block;
	grid-area: 1 / 3 / 2 / 3;
	background-clip: border-box;
	min-height: 0px;
}

#izmv8j {
	color: #293038;
	text-align: center;
}

#il65di-4-2-2 {
	position: relative;
	left: 6px;
	top: 6px;
	width: 168px;
	height: 67px;
}

#inmfgo {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 24px;
	padding-right: 24px;
	padding-bottom: 22px;
	padding-left: 24px;
	position: relative;
	top: 0px;
	bottom: 0px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	left: 0px;
	box-shadow: 0 0 5px 0 black, 0 0 5px 0 black;
	mix-blend-mode: normal;
}

#ihpx5j {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	position: relative;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	display: block;
	grid-area: 1 / 4 / 2 / 4;
	background-clip: border-box;
	min-height: 0px;
}

#imiztm {
	color: #293038;
	text-align: center;
}

#il65di-4-2-2-2 {
	position: relative;
	left: 13px;
	top: 6px;
	width: 142px;
	height: 69px;
}

#i8vnyj {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 24px;
	padding-right: 24px;
	padding-bottom: 22px;
	padding-left: 24px;
	position: relative;
	top: 0px;
	bottom: 0px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	left: 0px;
	box-shadow: 0 0 5px 0 black, 0 0 5px 0 black;
	mix-blend-mode: normal;
}

#ik8e0c {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	position: relative;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	display: block;
	grid-area: 2 / 1 / 2 / 1;
	background-clip: border-box;
	min-height: 0px;
}

#iyvmgl {
	color: #293038;
	text-align: center;
}

#il65di-4-2-2-2-2 {
	position: relative;
	left: 6px;
	top: 6px;
	width: 148px;
	height: 67px;
}

#i9kip6 {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 24px;
	padding-right: 24px;
	padding-bottom: 22px;
	padding-left: 24px;
	position: relative;
	top: 0px;
	bottom: 0px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	left: 0px;
	box-shadow: 0 0 5px 0 black, 0 0 5px 0 black;
	mix-blend-mode: normal;
}

#iqfkv7 {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	position: relative;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	display: block;
	grid-area: 1 / 5 / 2 / 5;
	background-clip: border-box;
	min-height: 0px;
}

#imkdck {
	color: #293038;
	text-align: center;
}

#il65di-4-2-2-2-3 {
	position: relative;
	left: 12px;
	top: 6px;
}

#ivmb1y {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 24px;
	padding-right: 24px;
	padding-bottom: 22px;
	padding-left: 24px;
	position: relative;
	top: 0px;
	bottom: 0px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	left: 0px;
	box-shadow: 0 0 5px 0 black, 0 0 5px 0 black;
	mix-blend-mode: normal;
}

#isnox2 {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	position: relative;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	display: block;
	grid-area: 2 / 2 / 2 / 2;
	background-clip: border-box;
	min-height: 0px;
}

#iemh2v {
	color: #293038;
	text-align: center;
}

#il65di-4-2-2-2-3-2 {
	position: relative;
	left: 24px;
	top: 6px;
	width: 121px;
	height: 67px;
}

#idblgi {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 24px;
	padding-right: 24px;
	padding-bottom: 22px;
	padding-left: 24px;
	position: relative;
	top: 0px;
	bottom: 0px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	left: 0px;
	box-shadow: 0 0 5px 0 black, 0 0 5px 0 black;
	mix-blend-mode: normal;
}

#icql8p {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	position: relative;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	display: block;
	grid-area: 2 / 3 / 2 / 3;
	background-clip: border-box;
	min-height: 0px;
}

#iozbfu {
	color: #293038;
	text-align: center;
}

#il65di-4-2-2-2-3-2-2 {
	position: relative;
	left: 6px;
	top: 6px;
	width: 146px;
	height: 68px;
}

#iby5j8 {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 24px;
	padding-right: 24px;
	padding-bottom: 22px;
	padding-left: 24px;
	position: relative;
	top: 0px;
	bottom: 0px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	left: 0px;
	box-shadow: 0 0 5px 0 black, 0 0 5px 0 black;
	mix-blend-mode: normal;
}

#ijyolf {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	position: relative;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	display: block;
	grid-area: 2 / 4 / 2 / 4;
	background-clip: border-box;
	min-height: 0px;
}

#iqz0ff {
	color: #293038;
	text-align: center;
}

#il65di-4-2-2-2-3-2-2-2 {
	position: relative;
	left: 6px;
	top: 6px;
}

#i238ik {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 24px;
	padding-right: 24px;
	padding-bottom: 22px;
	padding-left: 24px;
	position: relative;
	top: 0px;
	bottom: 0px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	left: 0px;
	box-shadow: 0 0 5px 0 black, 0 0 5px 0 black;
	mix-blend-mode: normal;
}

#iq1glh {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	position: relative;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	display: block;
	grid-area: 2 / 5 / 2 / 5;
	background-clip: border-box;
	min-height: 0px;
}

#izqw99 {
	font-size: 12pt;
}

#iidzph {
	font-size: 12pt;
}

#ij3mtm {
	font-size: 12pt;
}

#ij1zew {
	font-size: 12pt;
}

#i0vz0f {
	font-size: 12pt;
}

#iktyj1 {
	font-size: 12pt;
}

#itdq01 {
	font-size: 10pt;
}

#i94xiw {
	font-size: 10pt;
}

#i7cnss {
	font-size: 10pt;
}

#iukug4 {
	font-size: 12pt;
}

#ilq44e {
	color: #4dc1b5;
}

#iyc2id {
	width: 464px;
	height: 452px;
	position: relative;
	top: 10px;
	left: 316px;
}

#ivvp8a {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 343px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#contact {
	background-color: #4dc1b5;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	min-height: 0px;
}

#iyc2id-4 {
	width: 208px;
	height: 452px;
	top: 10px;
	position: relative;
	left: 316px;
}

#i8tnm2 {
	color: rgba(255, 255, 255, 1);
}

#i667ua {
	color: rgba(255, 255, 255, 1);
}

#iq196q {
	color: rgba(255, 255, 255, 1);
}

#idpr5j {
	color: #293038;
	position: static;
}

#id8tcc {
	color: #293038;
}

#io62yi {
	color: rgba(255, 255, 255, 1);
}

#injxjg {
	color: rgba(255, 254, 254, 1);
}

#ikdhqi {
	padding-top: 12px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#iwevyo {
	color: rgba(255, 255, 255, 1);
}

#i6tpmz {
	color: rgba(255, 255, 255, 1);
}

#i8hv26 {
	font-size: 18pt;
}

#iqww4k {
	color: rgba(255, 255, 255, 1);
}

#idcmlt {
	color: rgba(255, 251, 251, 1);
}

#iv6eq2 {
	color: rgba(251, 247, 247, 1);
}

#idp3qf {
	color: rgba(255, 255, 255, 1);
}

/* ============================= */
/* RESPONSIVE FIXED CSS SECTION  */
/* ============================= */

/* Tablet screens */
@media (max-width: 992px) {
  .hero-background-container {
    min-height: 20rem;
  }

  .services-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .steps-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  #ig3gqo {
    grid-template-columns: repeat(3, 1fr) !important; /* fleet grid */
  }

  .about-grid,
  .contact-grid,
  .footer-grid {
    grid-template-columns: 1fr;
  }
}

/* Small tablets / large phones */
@media (max-width: 768px) {
  .hero-background-container {
    min-height: 18rem;
  }

  .services-grid,
  .steps-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  #ig3gqo {
    grid-template-columns: repeat(2, 1fr) !important; /* fleet grid */
  }

  .about-grid,
  .contact-grid,
  .footer-grid {
    grid-template-columns: 1fr;
  }
}  /* closed correctly */

/* Phones */
@media (max-width: 600px) {
  .hero-background-container {
    min-height: 16rem;
  }

  .services-grid,
  .steps-list,
  #ig3gqo,
  .about-grid,
  .contact-grid,
  .footer-grid {
    grid-template-columns: 1fr !important;
  }

  /* Reset GrapesJS forced placement */
  .vehicle-card {
    grid-column: auto !important;
    grid-row: auto !important;
  }
}

/* ========================= */
/* FINAL LOGO RESPONSIVE FIX */
/* ========================= */

/* Desktop default: left aligned */
#io5c2d {
  position: static !important;
  display: block !important;
  margin: 0 !important;              /* left align on desktop */
  max-height: 120px !important;       /* desktop size */
  width: auto !important;
  height: auto !important;
}

/* Tablet */
@media (max-width: 768px) {
  #io5c2d {
    margin: 0 auto !important;       /* center horizontally */
    max-height: 70px !important;
  }
}

/* Phone */
@media (max-width: 600px) {
  #io5c2d {
    margin: 0 auto !important;       /* center horizontally */
    max-height: 60px !important;
  }
}

/* ========================= */
/* FINAL APP BADGE FIX       */
/* ========================= */

/* Reset GrapesJS positioning */
#im32oa, #ik0ipq {
  all: unset !important;             /* wipe inline styles */
  display: inline-block !important;
  width: auto !important;
  height: 56px !important;           /* consistent desktop/tablet size */
  margin: 0 0.5rem !important;
  vertical-align: middle !important;
}

/* Desktop + tablet: badges side by side, centered */
.app-badges {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 0.75rem !important;
  margin-top: 1rem !important;
}

/* Phone: stack vertically */
@media (max-width: 600px) {
  .app-badges {
    flex-direction: column !important;
    gap: 0.5rem !important;
  }

  #im32oa, #ik0ipq {
    display: block !important;
    height: 44px !important;        /* smaller on phone */
    margin: 0.25rem auto !important;
  }
}

@media (max-width: 768px) {
  .navigation-container {
    flex-direction: column !important;
    align-items: center !important;
    height: auto !important;
  }

  .logo-container {
    margin-bottom: 0.5rem !important;
  }

  .navigation-links {
    gap: 1rem !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
  }

  .navigation-links a {
    font-size: 14px !important;
  }
}

/* ========================= */
/* HERO APP BADGES FIX       */
/* ========================= */
.hero-content .app-badges {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 0.75rem !important;
  margin-top: 1rem !important;
}

.hero-content .app-badges img {
  height: 56px !important;
  width: auto !important;
}

@media (max-width: 600px) {
  .hero-content .app-badges {
    flex-direction: column !important;
    gap: 0.5rem !important;
  }
  .hero-content .app-badges img {
    height: 44px !important;
  }
}

/* ========================= */
/* VEHICLE APP BADGES FIX    */
/* ========================= */
/* Reset GrapesJS padding */
#ig3gqo {
  padding-bottom: 0 !important;
}

/* ========================= */
/* VEHICLE APP BADGES ALIGN  */
/* ========================= */
.fleet-container .app-badges {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;   /* vertical centering */
  gap: 0.75rem !important;
  margin-top: 2rem !important;
}

.fleet-container .app-badges img {
  height: 48px !important;          /* consistent desktop size */
  width: auto !important;
  display: inline-block !important; /* align side-by-side neatly */
  vertical-align: middle !important;
}

/* Mobile: stack vehicle badges vertically */
@media (max-width: 600px) {
  .fleet-container .app-badges {
    flex-direction: column !important;
    gap: 0.5rem !important;
    margin-top: 1rem !important; /* consistent with hero */
  }

  .fleet-container .app-badges img {
    height: 40px !important;        /* same scale as hero mobile */
    width: auto !important;
    display: block !important;      /* stack neatly */
    margin: 0.25rem auto !important;
  }
}
}/* ========================= */
/* FINAL NAV + LOGO FIX      */
/* ========================= */
.navigation-bar {
  position: sticky;
  top: 0;
  z-index: 50;

  background-color: #3c4249;
  backdrop-filter: blur(8px);
  box-shadow: 0 1px 2px rgba(0,0,0,0.05);

  padding: 1rem 1.5rem;

  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;

  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
}

.logo-container {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important; /* desktop: left */
}

.navigation-links {
  display: flex !important;
  gap: 2rem !important;
color: #ffffff ;
  justify-content: flex-end !important;   /* desktop: right */
}

/* Mobile: stack logo above nav links */
@media (max-width: 768px) {
  .navigation-bar {
    flex-direction: column !important;
    align-items: center !important;
  }

  .logo-container {
    justify-content: center !important;
    margin-bottom: 0.5rem !important;
  }

  .navigation-links {
    justify-content: center !important;
    gap: 1rem !important;
	flex-wrap: wrap !important;
	color: #ffffff ;
  }

  .navigation-links a {
    font-size: 14px !important;
  }
}
/* ========================= */
/* NAVIGATION FINAL PATCH    */
/* ========================= */

/* Full bar background, sticky */
.navigation-bar {
  position: sticky !important;
  top: 0 !important;
  z-index: 100 !important;
  width: 100% !important;

  background-color: #3c4249 !important;
  backdrop-filter: blur(8px) !important;
  box-shadow: 0 1px 2px rgba(0,0,0,0.05) !important;
}

/* Constrain content to site width */
.navigation-container {
  max-width: 80rem !important;   /* match hero container */
  margin: 0 auto !important;     /* center the block */
  padding: 1rem 1.5rem !important;

  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;  /* logo left / links right */
  width: 100% !important;
  box-sizing: border-box !important;
}

/* Logo always left on desktop */
.logo-container {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  margin-right: auto !important;
}
.logo-container img {
  max-height: 64px !important;
  height: auto !important;
  width: auto !important;
  display: block !important;
  margin: 0 !important;
  position: static !important;
}

/* Links always right on desktop */
.navigation-links {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 2rem !important;
  margin-left: auto !important;
  flex-wrap: wrap !important;
  color: #fff !important;
}
.navigation-links a {
  color: #fff !important;
  text-decoration: none !important;
}
.navigation-links a:hover {
  text-decoration: underline !important;
}

/* Mobile breakpoint */
@media (max-width: 768px) {
  .navigation-container {
    flex-direction: column !important;
    align-items: center !important;
  }
  .logo-container {
    justify-content: center !important;
    margin: 0 0 .5rem 0 !important;
  }
  .navigation-links {
    justify-content: center !important;
    gap: 1rem !important;
  }
  .navigation-links a {
    font-size: 14px !important;
  }
}
/* ========================= */
/* NAV: DESKTOP BASELINE     */
/* ========================= */

/* Full bar background, sticky */
.navigation-bar {
  position: sticky !important;
  top: 0 !important;
  z-index: 100 !important;
  width: 100% !important;
  background-color: #3c4249 !important;
  backdrop-filter: blur(8px) !important;
  box-shadow: 0 1px 2px rgba(0,0,0,0.05) !important;
}

/* Constrain inner content to the same width as hero */
.navigation-container {
  max-width: 80rem !important;
  margin: 0 auto !important;
  padding: 1rem 1.5rem !important;
  box-sizing: border-box !important;

  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
}

/* Logo left, links right on desktop */
.logo-container {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  margin-right: auto !important;
}
.logo-container img,
#io5c2d {
  position: static !important;
  display: block !important;
  height: auto !important;
  width: auto !important;
  max-height: 64px !important;
  margin: 0 !important;
}

.navigation-links {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 2rem !important;
  margin-left: auto !important;
  flex-wrap: wrap !important;
}

/* Force link color to white (global a{color:inherit} was overriding) */
.navigation-links,
.navigation-links a,
.nav-link {
  color: #fff !important;
}
.navigation-links a {
  text-decoration: none !important;
}
.navigation-links a:hover {
  text-decoration: underline !important;
}

/* ========================= */
/* NAV: MOBILE FIX           */
/* ========================= */
@media (max-width: 768px) {
  .navigation-container {
    flex-direction: column !important;
    align-items: center !important;
  }

  .logo-container {
    width: 100% !important;
    justify-content: center !important;
    margin: 0 0 .5rem 0 !important;
  }

  /* CRITICAL: remove desktop auto-push and center links */
  .navigation-links {
    width: 100% !important;
    margin: 0 !important;                    /* ← overrides margin-left:auto */
    justify-content: center !important;      /* center under logo */
    gap: 1rem !important;
    flex-wrap: wrap !important;
    text-align: center !important;
  }
  .navigation-links a {
    display: inline-block !important;
    font-size: 14px !important;
  }
}
/* ========================= */
/* HERO HEIGHT AUTO FIX      */
/* ========================= */
.hero-background-container {
  height: auto !important;       /* allow hero to expand with content */
  min-height: 24rem !important;  /* keep minimum height */
  padding-bottom: 2rem !important; /* ensure spacing before services */
}

.hero-content {
  padding-bottom: 1rem !important; /* avoid content sticking to edge */
}
/* FORCE desktop logo size */
@media (min-width: 992px) {
  nav.navigation-bar .logo-container img#io5c2d.logo {
    max-height: 120px !important;
    height: auto !important;
    width: auto !important;
  }
}
/* ========================= */
/* ABOUT — FINAL OVERRIDE    */
/* ========================= */

/* 1) Reset any fixed sizes/offsets applied to the image + its wrapper */
#iyc2id,
#iyc2id-4,
#ivvp8a {
  position: static !important;
  left: auto !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;

  width: 100% !important;
  max-width: none !important;
  height: auto !important;

  margin: 0 auto !important;     /* center in column */
  display: block !important;
}

/* 2) Rebuild the about layout */
.about-grid {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;  /* side-by-side on desktop */
  gap: 3rem !important;
  align-items: center !important;
}
@media (max-width: 768px) {
  .about-grid { grid-template-columns: 1fr !important; }  /* stack on mobile */
}

/* 3) Image sizing + centering (desktop + mobile) */
.about-grid img,
.about-image,
#iyc2id,
#iyc2id-4 {
  display: block !important;
  width: 50% !important;         /* fill column width */
  height: auto !important;        /* keep aspect ratio */
  max-width: 560px !important;    /* desktop cap (tweak if you like) */
  margin: 0 auto !important;      /* center within the column */
  border-radius: 12px !important;
  object-fit: contain !important;
}

/* Bigger on mobile so it doesn’t look tiny */
@media (max-width: 768px) {
  .about-grid img,
  .about-image,
  #iyc2id,
  #iyc2id-4 {
    max-width: 70vw !important;   /* fills most of the screen width */
  }
}

/* 4) Kill any inline style width/offsets coming from the editor */
.about-grid [style*="width"] { width: 100% !important; }
.about-grid [style*="left"],
.about-grid [style*="right"],
.about-grid [style*="top"],
.about-grid [style*="bottom"] {
  position: static !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  bottom: auto !important;
}