@charset "UTF-8";

/* CSS Document */
	body{
		font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
	}
	@font-face {
  font-family: myFirstFont;
  src: url(sansation_light.woff);
}
	body{
		font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
	}
	.slider-header{
		width: 100%;
	}
	.slider-title{
		font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
		font-weight: 600;
		width: 60%;
	}
.montserrat-<uniquifier> {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}
a{
	color: hsla(0,0%,6%,1.00);
}
a:hover {
	color: hsla(0,0%,6%,1.00);
	text-decoration: none;
}

.logo img{
	width: auto;
	height: 25px;
	
}

.uk-navbar-container:not(.uk-navbar-transparent){
	background: hsla(0,0%,100%,0.9);
	-webkit-backdrop-filter: blur(9px);
  backdrop-filter: blur(9px);
/* Note: backdrop-filter has minimal browser support */
}

.contact-bt:hover {
	background-color: #FF8300 !important;
	color: #ffffff !important;
	transition: all .5s;
}
.contact-bt {
	color: #000000 !important;
	font-weight: 600 !important;
	background-color: #FF8300;
	text-transform: uppercase;
	font-size: 12px;
}
.uk-navbar-nav>li>a{
	padding: 0px 8px !important;
	color: #6A6D77 !important;
}
.uk-navbar-nav>li>a:hover{
	padding: 0px 8px !important;
	color: #242529 !important;
}
.uk-navbar-nav {
gap: 8px !important;
}

	.slider-header{
		width: 100%;
	}
.slider-header h1{
		width: 50%;
	}
	.slider-title{
		font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
		font-weight: 600;
	}

.nav-slider{
		/* Arrow-Icon-Areas */

/* Auto layout */
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
width: 50px;
height: 50px;

background: rgba(228, 227, 230, 0.3);
-webkit-backdrop-filter: blur(7px);
  backdrop-filter: blur(7px);
/* Note: backdrop-filter has minimal browser support */
border-radius: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	-webkit-mask-image: radial-gradient(white, black);/* ADDED */

/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;
	transition: all .5s;


}
.nav-slider:hover{
	background: rgba(228, 227, 230, 0.8);
	transition: all .5s;
}
.nav-slider img{
	width: 20px;
	height: auto;
}
.nav-slider-2{
	background: rgba(153, 151, 154, 1.00);
	
}

.nav-slider-3{
	background: rgba(228, 227, 230, 0.5);
	-webkit-backdrop-filter: blur(7px);
  backdrop-filter: blur(7px);
/* Note: backdrop-filter has minimal browser support */
	border-color: #ffffff;
	border-width: 2px;
	border-bottom-style: solid;
}

.nav-slider-2:hover{
	background: #FF8300;
	
}

.uk-h1,.uk-h2,.uk-h3,.uk-h4{
	font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
}


.content-areas{
/* Auto layout */


}
.title-areas{
	font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
	font-weight: 500;
	margin-top: 20px;
}
.uk-h1, .uk-h2, .uk-h3, .uk-h4, .uk-h5, .uk-h6, .uk-heading-2xlarge, .uk-heading-3xlarge, .uk-heading-large, .uk-heading-medium, .uk-heading-small, .uk-heading-xlarge, h1, h2, h3, h4, h5, h6{
	font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
}
h3{
	font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
}
.hero-overlay{
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.7) 90%);

}
.areas-overlay-1{
background: linear-gradient(180deg, rgba(66, 74, 144, 0) 30%, #424A90 83.88%);
}
.areas-overlay-2{
background: linear-gradient(180deg, rgba(124, 113, 75, 0) 54.08%, #7C714B 83.88%);

}
.areas-overlay-3{
background: linear-gradient(180deg, rgba(218, 183, 139, 0) 54.08%, #DAB78B 83.88%);
	
}
.areas-overlay-4{
background: linear-gradient(180deg, rgba(66, 74, 144, 0) 54.08%, #984C4C 83.88%);
	
}
.areas-overlay-5{
background: linear-gradient(180deg, rgba(107, 124, 155, 0) 54.08%, #6B7C9B 83.88%);
	
}
.main-content{
background: linear-gradient(169.17deg, #51545F 14.51%, #242529 69.54%);

}
.main-content-areas{
background-color: #F0F0F0;

}
.main-content-process{
background-color: #F0F0F0;
  background-image:
    linear-gradient(rgba(255,255,255,.3) 2px, transparent 2px),
    linear-gradient(90deg, rgba(255,255,255,.3) 2px, transparent 2px),
    linear-gradient(rgba(255,255,255,.28) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.28) 1px, transparent 1px);
  background-size: 100px 100px, 100px 100px, 10px 10px, 10px 10px;
  background-position: -2px -2px, -2px -2px, -1px -1px, -1px -1px;

}
.orange-title-line{
	/* Frame 244 */
width: 65px;
height: 4px;

background: #FF8300;
border-radius: 20px;

}

.stat{
	/* Stat */

box-sizing: border-box;
border-bottom: 2px solid rgba(239, 239, 239, 0.2);


}
.dashine-image-circuit{
height: 300px;
background: url("../images/dashine-banner.png");
background-position: bottom;
background-repeat: no-repeat;
	background-size: auto 100%;
	display: block;
}

.areas-card{
	/* Service Card */
width: 100 px;
height: 360px;
border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-mask-image: radial-gradient(white, black);/* ADDED */
overflow: hidden;

}
.areas-card:hover img{
 transform: scale(1.2);
	transition: all .5s;
}
.areas-card img{
 transform: scale(1);
	transition: all .5s;
}

.areas-arrow{
	/* Arrow-Icon-Areas */

/* Auto layout */
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
width: 42px;
height: 42px;

background: rgba(228, 227, 230, 0.3);
-webkit-backdrop-filter: blur(7px);
  backdrop-filter: blur(7px);
/* Note: backdrop-filter has minimal browser support */
border-radius: 50px;

/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;

	
}
.areas-arrow img{
	width: 20px;
}

.slider-areas{

position: relative;
width: 100%;
top: -30px;

}

.assembly-banner{
/* Auto layout */
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
padding: 0px 70px;
gap: 30px;

background: linear-gradient(0deg, rgba(36, 37, 41, 0.7), rgba(36, 37, 41, 0.7)), url("../images/assemblyline.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;

/* Inside auto layout */
flex: none;
order: 4;
align-self: stretch;
flex-grow: 0;
z-index: 4;

}

.section-capabilities{
	
}
.capabilities-content{
	background: url("../images/tech-ai.jpg");
	background-repeat: no-repeat;
	background-position: right;
	background-size: cover;
	color: #ffffff;
	
	border-radius: 12px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	box-shadow: 0px 0px 74px rgba(0, 67, 169, 0.6);


}

.uk-open .uk-accordion-title{
	/* Button-Expertise */
	color: #242529;
background: hsla(260,6%,90%,0.99);
border-radius: 8px;
	-webkit-backdrop-filter: blur(7px);
  backdrop-filter: blur(7px);
/* Note: backdrop-filter has minimal browser support */
}
a.uk-accordion-title:active {
	color: #242529;
}
a.uk-accordion-title:hover {
	color: #ffffff;
	background: hsla(260,6%,90%,0.30);
border-radius: 8px;
	-webkit-backdrop-filter: blur(7px);
  backdrop-filter: blur(7px);
/* Note: backdrop-filter has minimal browser support */
		transition: all .5s;
}
a.uk-accordion-title {
	color: #ffffff;
		transition: all .5s;
}
.uk-accordion-title{
	padding: 18px;
}
.uk-close-tab {
	/* Button-Expertise */
background: hsla(260,6%,90%,0.05);
border-radius: 8px;
	-webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
/* Note: backdrop-filter has minimal browser support */
}
.uk-accordion-content{
	color: #fff;
	padding: 0px 18px 18px 18px;
}

.block-accordion{
	
}

.locations-card{
	border-radius: 12px;
	background: #2A2B2F;
	overflow: hidden;
		transition: all .5s;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-mask-image: radial-gradient(white, black);/* ADDED */
overflow: hidden;
}
.locations-card:hover{
	border-radius: 12px;
	background: #36373B;
	overflow: hidden;
		transition: all .5s;
}
.picture-location {
	height: 90px;
	filter: grayscale(100%);
	opacity: 40%;
	transition: all .5s;
}
.locations-card:hover .picture-location{
	filter: grayscale(10%);
	opacity: 80%;
	transition: all .5s;
}
.uk-panel-card{
	background: url("../images/ServiceCard-bg.png"), #F8F8F8;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left top;
	background-size: 70%;
	border-radius: 12px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-mask-image: radial-gradient(white, black);/* ADDED */
overflow: hidden;
}
.on-demand-section{
	background: #E4E3E6;
	background-image: url("../images/orange-blurbg.webp");
	background-size: 500% auto;
	background-repeat: no-repeat;
	background-position-x: left;
	background-position-y: center;
}

a.uk-button1{
	
display: flex;
	font-size: 14px;
	text-transform: none;
	color: #28272A;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 0px;
background: #E4E3E6;
width: 182px;
height: 42px;
	border-radius: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	-webkit-mask-image: radial-gradient(white, black);/* ADDED */
overflow: hidden;


/* Inside auto layout */
flex: none;
order: 2;
flex-grow: 0;

}
a.uk-button1:hover{
	font-weight: 400;
	background-color: #ffffff;
	color: #000000;
}
a.uk-button2{
	
display: flex;
	font-size: 14px;
	text-transform: none;
	color: #28272A;
	grid-gap: 8px;
justify-content: center;
align-items: center;
padding: 0px;
background: #E4E3E6;
width: 182px;
height: 42px;
	border-radius: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	-webkit-mask-image: radial-gradient(white, black);/* ADDED */
overflow: hidden;


/* Inside auto layout */
flex: none;
order: 2;
flex-grow: 0;

}
a.uk-button2:hover{
	font-weight: 400;
	background-color: #ffffff;
	color: #000000;
}
.uk-button-3{
	font-size: 12px !important;
	border-radius: 8px !important;
	-webkit-border-radius: 8px !important;
	-moz-border-radius: 8px !important;
	font-variant-caps: normal;
	text-transform: none !important;
}
.ButtonSend{
	background-color: #FF8300;
	color: #ffffff !important;
	border-radius: 8px !important;
	-webkit-border-radius: 8px !important;
	-moz-border-radius: 8px !important;
	font-variant-caps: normal;
	text-transform: none !important;
}
.uk-checkbox:checked, .uk-checkbox:indeterminate, .uk-radio:checked{
	background-color: #FF8300 !important;
}
.uk-input:focus, .uk-select:focus, .uk-textarea:focus{
	border-color: #FF8300 !important;
}
.footer{
	background-color: #242529;
	
}
.footer p{
	font-size: 12px
}
.footer a{
	color: #fff;
	
}
.footer a:hover{
	color: #FF8300;
	text-decoration: none;
}
.button-arrow-contact{
	background-color: #CE6A00;border-radius: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	-webkit-mask-image: radial-gradient(white, black);/* ADDED */
overflow: hidden;
	padding: 10px;
	transition: all .5s;
}
.contact-link:hover .button-arrow-contact{
	background-color: #FF8300;
	transition: all .5s;
}
.contact-link:hover{
	color: #EFEFEF;
	text-decoration: none;
	transition: all .5s;
	
}

.contact-link:hover h1{
	color: #EFEFEF;
	text-decoration: none;
	transition: all .5s;
	padding-left: 25px;
	
}
.contact-link:hover .button-arrow-contact{
	padding-left: 100px;
	transition: all .5s;
}

.contact-title h1{
	color: #eeeeee;transition: all .5s;
}

.uk-subnav-pill>.uk-active>a {
	background: hsla(260,6%,90%,0.30) !important; /* This will be applied. */;
	border-radius: 8px;
	-webkit-backdrop-filter: blur(7px);
  backdrop-filter: blur(7px);
/* Note: backdrop-filter has minimal browser support */
		transition: all .5s;
}
.capabilities-link h4{
	color: #ffffff !important; /* This will be applied. */;;
}
.capabilities-link:hover a{
	background: hsla(260,6%,90%,0.60) !important;
	border-radius: 8px;
	-webkit-backdrop-filter: blur(7px);
  backdrop-filter: blur(7px);
/* Note: backdrop-filter has minimal browser support */
		transition: all .5s;
}
.capabilities-link a{
	background: none !important;
	border-radius: 8px;
	-webkit-backdrop-filter: blur(7px);
  backdrop-filter: blur(7px);
/* Note: backdrop-filter has minimal browser support */
		transition: all .5s;
}
.capabilities-card{
    background-color: #E4E3E6;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -webkit-mask-image: radial-gradient(white, black);/* ADDED */
}
.capabilities-list{

background: rgba(42, 43, 47, 0.6);
backdrop-filter: blur(7px);
-webkit-backdrop-filter: blur(7px);
	border-radius: 12px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;

	margin: 0px;

}
.uk-subnav{
	margin-left: 0px !important;
	padding-left: 0px;
}
.uk-subnav>*{
	padding-left: 0px !important;
}

.pill-tag{
	background-color: #E4E3E6;
	border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
	font-size: 12px;
	padding: 8px 16px 8px 16px;
	margin-right: 8px;
	margin-bottom: 8px;
	
}

.marker-circle-1{
	position: relative;
	left: 0px;
	top: -30px;
}

.image-border img{
	border-radius: 12px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-mask-image: radial-gradient(white, black);/* ADDED */
}

.link-capabilities-footer:hover{
	color: #242529 !important;
	background-color: #ffffff;
	border-radius: 12px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	text-decoration: none;
	transition: all .5s;
	padding-left: 60px;
	padding-right: 60px;
}
.link-capabilities-footer{
	color: #7D808C !important;
	transition: all .5s;
	font-weight: 560;
}
.link-capabilities-footer h3{
	margin: 0px !important;
}
.link-capabilities-footer .gg-chevron-right{
	transform: scale(2)
}

 .gg-chevron-right {
 box-sizing: border-box;
 position: relative;
 display: block;
 transform: scale(var(--ggs,1));
 width: 22px;
 height: 22px;
 border: 2px solid transparent;
 border-radius: 100px;
}

.gg-chevron-right::after {
 content: "";
 display: block;
 box-sizing: border-box;
 position: absolute;
 width: 10px;
 height: 10px;
 border-bottom: 2px solid;
 border-right: 2px solid;
 transform: rotate(-45deg);
 right: 6px;
 top: 4px;
} 
.contact-icon{
	width: 25px;
	height: 25px;
	background-color: #ffffff;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-mask-image: radial-gradient(white, black);/* ADDED */
	padding: 8px;
	margin-bottom: 12px;
}
.uk-input,.uk-textarea,.uk-select {
	border-radius: 8px !important;
	-webkit-border-radius: 8px !important;
	-moz-border-radius: 8px !important;
}

.playbutton img{
	width: 70px;
}
@media (max-width: 640px){
 .capabilities-content{
    background: url("../images/tech-ai.jpg");
    background-repeat: no-repeat;
    background-position: -300px;
    background-size: cover;
    padding: 0px !important;
    overflow: hidden;	
}
	.capabilities-1block{
		height: 0px;	}
	
	.dashine-image-circuit{

height: 150px;
background: url("../images/dashine-banner.png");
background-position: bottom;
background-repeat: no-repeat;
	background-size: auto 100%;
	display: block;
}
	.slider-header h1{
		font-size: 26px !important;
	}
	.slider-header h1{
		width: 100%;
	}
	.hero-controlls{
		padding-bottom: 0px;
	}
	a.uk-accordion-title {
	font-size: 16px;
}

	.locations-card h1{
		font-size: 28px;
	}
	.locations-card h3{
		font-size: 14px;
	}
	.locations-card p{
		font-size: 14px;
	}
	.locations-card .uk-margin-small-top{
		margin-top: 0px !important;
		
	}
	.locations-grid .uk-grid-column-small>*, .uk-grid-small>*{
		padding-left: 0px !important;
	}
	.services-grid li {
		margin: 8px !important;
	}
	.footer h1{
		font-size: 24px;
	}
}



@media (min-width: 640px){
	.dashine-image-circuit{
height: 180px;
background: url("../images/dashine-banner.png");
background-position: bottom;
background-repeat: no-repeat;
	background-size: auto 100%;
	display: block;
}
 
.slider-header h1{
		width: 70%;
	}
 
}

@media (min-width: 1200px){
 .dashine-image-circuit{
	 height: 300px;
	}

 
}