body {
	background: var(--Neutrals-Sand, #F0E9E2);
	
}

.navbar {
	border-radius: 0 !important;
}



.navbar-custom {
    background-color: #042435 !important;
}

/* change the brand and text color */
.navbar-custom .navbar-brand,
.navbar-custom .navbar-text {
    color: #fff;
}

/* change the link color */
.navbar-custom .navbar-nav .nav-link {
    color: #fff;
}

/* change the color of active or hovered links */
.navbar-custom .nav-item.active .nav-link,
.navbar-custom .nav-item:focus .nav-link,
.navbar-custom .nav-item:hover .nav-link {
   color: #91D9F9;
}


.nav-link {

	color: var(--Primary-White, #FFF);
	font-family: "franklin-gothic-urw-cond", sans-serif;
	font-size: 24px;
	font-style: normal;
	font-weight: 500;
	line-height: 24px; /* 100% */
	margin-right: 25px;

}


.btn {
	display: flex;
padding: 20px 30px;
justify-content: center;
align-items: center;
gap: 10px;

font-family: 'HCo Knockout 49';
font-size: 24px;
font-style: normal;
font-weight: 400;
line-height: 100%; /* 24px */


}




.btn-primary {
	border-radius: 5px;
	background-color: #91D9F9;
	color: #000;
	border: 2px solid #91D9F9;
}

.btn-primary:hover {
	background:#042435;
	color: #91D9F9;
	border: 2px solid #91D9F9;
}

.navbar .btn-primary {
	padding: 12px 30px;
}

.carousel-caption  {
	left: 8%;

}

.carousel-caption button {
	margin-bottom: 10%;

}

.err {
		border: 2px solid red !important;
	}
	
.highlight h4 {
	color: var(--Neutrals-White, #FFF);

	/* Display XL/Desktop */
	font-family: 'HCo Knockout 49';
	font-size: 120px;
	font-style: normal;
	font-weight: 500;
	line-height: 80%; /* 96px */
	text-transform: uppercase;
}
.highlight p {
	color: var(--Neutrals-White, #FFF);

	/* Text XL/Book */
	font-family: "franklin-gothic-urw-cond", sans-serif;
	font-size: 24px;
	font-style: normal;
	font-weight: 400;
	line-height: 120%; /* 28.8px */
}




/* Container styles */
.scrolling-text-container {
    background: #8FD143;
    overflow: hidden;
	margin-top: -1px;
}

/* Inner container styles */
.scrolling-text-inner {
    display: flex;
    white-space: nowrap;
    	color: #FFF;
font-family: 'HCo Knockout 49';
font-size: 300px;
font-style: normal;
font-weight: 500;
line-height: 100%; /* 400px */
text-transform: uppercase;
    padding: 8px 0;
}

/* Text styles */
.scrolling-text {
    display: flex;
}

.scrolling-text-item {
    padding: 0 30px;
}

/* Apply the animation to the text items */
.scrolling-text-inner>div {
    animation: var(--direction) var(--marquee-speed) linear infinite;
}

/* Pause the animation when a user hovers over it */
.scrolling-text-container:hover .scrolling-text-inner>div {
    animation-play-state: paused;
}


/* Setting the Animation using Keyframes */
@keyframes scroll-left {
    0% {
        transform: translateX(0%);
    }

    100% {
        transform: translateX(-100%);
    }
}

@keyframes scroll-right {
    0% {
        transform: translateX(-100%);
    }

    100% {
        transform: translateX(0%);
    }
}

.workBack {
	
	background: var(--Neutrals-Navy-Blue, #042435);
	

}

.workBackBk {
	background-image: url( "img/bkgvector.png");
	background-repeat: no-repeat; 
	background-position: right 230px;
}

.workBack h1{
	color: var(--Neutrals-White, #FFF);

/* Display XL/Desktop */
font-family: 'HCo Knockout 49';
font-size: 120px;
font-style: normal;
font-weight: 500;
line-height: 80%; /* 96px */
text-transform: uppercase;
}
.workBack p {
	color: var(--Neutrals-White, #FFF);

/* Text XL/Book */
font-family: "franklin-gothic-urw-cond", sans-serif;
font-size: 24px;
font-style: normal;
font-weight: 400;
line-height: 120%; /* 28.8px */
}

.serve {
	background: var(--Neutrals-Sand, #F0E9E2);
}

.serve h1{
	color: var(--Neutrals-White, #000);

/* Display XL/Desktop */
font-family: 'HCo Knockout 49';
font-size: 120px;
font-style: normal;
font-weight: 500;
line-height: 80%; /* 96px */
text-transform: uppercase;
}
.serve p {
	color: var(--Neutrals-White, #000);

/* Text XL/Book */
font-family: "franklin-gothic-urw-cond", sans-serif;
font-size: 24px;
font-style: normal;
font-weight: 400;
line-height: 120%; /* 28.8px */
}


.footer{
	background: var(--Neutrals-Navy-Blue, #042435);
	background-image: url( "img/BKG.png");
	background-repeat: no-repeat; 
	background-size: 100% 100%;
	color: var(--Gray-Gray-300, #D0D5DD);

/* Text SM/Book */
font-family: "franklin-gothic-urw-cond", sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 120%; /* 19.2px */

}

.contactForm{
	background-color: #fff;
}

.contactForm input {
	background-color: #F0E9E280;
	color: var(--Neutrals-Black, #000);
	font-family: "franklin-gothic-urw-cond", sans-serif;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.contactForm textarea{
	background-color: #F0E9E280;
	color: var(--Neutrals-Black, #000);
	font-family: "franklin-gothic-urw-cond", sans-serif;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.contactForm p {
	color: var(--Neutrals-Black, #000);

/* Text MD/Book */
font-family: "franklin-gothic-urw-cond", sans-serif;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 120%; /* 21.6px */
}

.contactForm a:link, .contactForm  a:visited {
	color: var(--Neutrals-Black, #000);
	text-decoration: underline;
	font-family: "franklin-gothic-urw-cond", sans-serif;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 120%; /* 21.6px */
text-transform: none;
padding-left: 0px;
}

input[type="text"], textarea {


}

.contactForm label {
	color: black;
font-size: 24px;
font-family: 'HCo Knockout 49';
font-weight: 500;
text-transform: uppercase;
line-height: 26.40px;
word-wrap: break-word;
padding-top: 24px;
}

.footer h2 {
	color: #042435;
font-size: 100px;
font-family: 'HCo Knockout 49';
font-weight: 500;
text-transform: uppercase;
line-height: 90px;
word-wrap: break-word;
text-align: center;
}
.footer a {
	color: var(--Neutrals-White, #FFF);
font-family: 'HCo Knockout 49';
font-size: 24px;
font-style: normal;
font-weight: 500;
line-height: normal;
text-transform: uppercase;
text-decoration: none;
padding-left: 15px;
}
.footer a:hover {
	color: #91D9F9
}

.footer-border {
	border-top: 1px solid var(--Primary-Taco-Green, #8FD143);
	color: var(--Gray-Gray-300, #D0D5DD);
/* Text SM/Book */
font-family: "FranklinGothic URW Cond";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 120%; /* 19.2px */
}

.footer-border img {
	padding-left: 18px;
}

.footer-nav { 
	text-align: right;
}
.footer-bottom1 {
	text-align: left;
}
.footer-bottom2 {
	text-align: right;
}

@media (max-width: 768px) {
	
	.carousel-caption button {
		margin-bottom: 0%;

	}


	.carousel-caption .btn {
		display: flex;
		padding: 10px 20px;
		justify-content: center;
		align-items: center;
		gap: 10px;

		font-family: 'HCo Knockout 49';
		font-size: 14px;
		font-style: normal;
		font-weight: 400;

	}



	.footer-top {
		padding-left: 30px;
	}
	
	.footer-nav { 
		padding-top: 20px;
		text-align: left;
	}
	
	.footer-bottom1, .footer-bottom2 {
		text-align: center;
	}
	
	.footer-bottom1 {
		padding-top: 20px;
	}
	.footer-bottom2{
		margin-top: -20px;
	}

	
	.highlight h4 {

	font-size: 68px;

}




}






.workBackBk_table_col h4{
	color: var(--Neutrals-Black, #000);

	/* Display MD/Display MD */
	font-family: 'HCo Knockout 49';
	font-size: 36px;
	font-style: normal;
	font-weight: 500;
	line-height: 110%; /* 39.6px */
text-transform: uppercase;
}

.workBackBk_table_col p {
	color:  #000;

/* Text MD/Book */
font-family: "franklin-gothic-urw-cond", sans-serif;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 120%; /* 21.6px */
}

.workBackBk_table_col a{
	color: var(--Navy-Blue, #042435);
leading-trim: both;
text-edge: cap;

/* Button/Button */
font-family: 'HCo Knockout 49';
font-size: 24px;
font-style: normal;
font-weight: 500;
line-height: 100%; /* 24px */
}

.workBackBk_table_col a:hover {
	color: #037840;
}
.workBackBk_table {
	 overflow: hidden; 
}

.workBackBk_table_col {
	height: 100%;
	background: var(--Neutrals-White, #FFF);
}
.workBackBk_table_col2 {
	background: var(--Neutrals-Sand, #F0E9E2);
}
.workBackBk_table_col_in {
	padding: 40px;
}

.work {
	
}

.work h4{
	color: var(--Neutrals-Black, #000);

	/* Display MD/Display MD */
	font-family: 'HCo Knockout 49';
	font-size: 36px;
	font-style: normal;
	font-weight: 500;
	line-height: 110%; /* 39.6px */
text-transform: uppercase;
}

.work p {
	color:  #000;

/* Text MD/Book */
font-family: "franklin-gothic-urw-cond", sans-serif;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 120%; /* 21.6px */
}

.work a{
	color: var(--Navy-Blue, #042435);
leading-trim: both;
text-edge: cap;

/* Button/Button */
font-family: 'HCo Knockout 49';
font-size: 24px;
font-style: normal;
font-weight: 500;
line-height: 100%; /* 24px */
}

.work a:hover {
	color: #037840;
}

.workbk1 {
	padding: 40px;
	background: var(--Neutrals-White, #FFF);	
}

.workbk2 {
	padding: 40px;
	background: var(--Neutrals-Sand, #F0E9E2);
}

.serve h4 {
	// Oems
color: black;
 font-size: 36px;
	font-family: 'HCo Knockout 49';
 font-weight: 500;
 text-transform: uppercase;
 line-height: 39.60px;

}

.serve p {

color: black;
 font-size: 22px;
font-family: "franklin-gothic-urw-cond", sans-serif;
 font-weight: 400;
 line-height: 21.60px;
 word-wrap: break-word
}

.serve a {
	
color: #042435;
 font-size: 24px;
	font-family: 'HCo Knockout 49';
 font-weight: 500;
 line-height: 24px;
 word-wrap: break-word
}

.serve a:hover {
	color: #91D9F9;
}

.servebk {
	  background-color: #FFF !important;
}

.workImg {
	position: relative;
  text-align: center;
  color: white;
}
.workImgLink {
  position: absolute;
  bottom: 9%;
  left: 15%;
}
.workImgLink a {

color: #042435;
 font-size: 24px;
font-family: 'HCo Knockout 49';
 font-weight: 500;
 line-height: 24px;
 word-wrap: break-word;
 text-decoration: none;
}

.workImgLink a:hover {
	color: #042435;
	 text-decoration: underline;
}



.serve_head {
	color: black;
font-size: 36px;
font-family: 'HCo Knockout 49';
font-weight: 500;
text-transform: uppercase;
line-height: 39.60px;
word-wrap: break-word

}

.serve_copy {
	color: black;
font-size: 18px;
font-family: FranklinGothic URW Cond;
font-weight: 400;
line-height: 21.60px;
word-wrap: break-word
}

.serve_link {
color: #042435;
font-size: 24px;
font-family: Knockout HTF49-Liteweight;
font-weight: 500;
line-height: 24px;
word-wrap: break-word

display: flex;
padding: 40px;
flex-direction: column;
align-items: flex-start;
gap: 20px;
flex: 1 0 0;

background: var(--Neutrals-White, #FFF);
	
}