*{
	margin:0;
	padding:0;
	font-family:'Roboto', sans-serif;
}
h1{font-size:36px;	font-weight:600;}
h2{font-size:30px;	font-weight:400;}
h3{font-size:24px;	font-weight:400;	margin:10px 0;}
nav{display:flex;	padding:2% 6%;	justify-content:space-between;	align-items:center;}
nav img{width:150px;}
nav .fas{display:none;}
p{font-size:20px; font-weight:300; line-height:22px;	padding:10px;}
ul{list-style-type:none;}

.header{min-height:80vh;	width:100%; background-image:linear-gradient(rgba(4,9,30,0.5),rgba(4,9,30,0)),url(images/robot-arm-logo.webp);
	      background-position:center; background-size:cover;	position:relative;}
.assembly-work{color:#fff;	font-size:24px; font-weight:400;	text-align:center;	min-height:70vh;	width:100%;
	background-image:linear-gradient(rgba(0,0,30,1),rgba(4,9,30,0)),url(images/manual-assembly.webp);	background-position:center;
	background-size:cover;	position:relative;}
.hero-btn{display:inline-block;	text-decoration:none;	color:#fff;	border:1px solid #fff;	padding:12px 34px;	font-size:13px;	background:transparent;	position:relative;	cursor:pointer;}
.hero-btn:hover{border:1px solid #2CBE15;	background:#2CBE15;	transition:1s;}
.nav-links{flex:1;	text-align:left;}
.nav-links ul li{list-style:none;	display:inline-block;	padding:8px 12px;	position:relative;}
.nav-links ul li a{color:#ffffff;	text-decoration:none;	font-size:40px;  font-weight:bold;}
.nav-links ul li::after{content:"";	width:0%;	height:2px;	background:#2CBE15;	display:block;	margin:auto;	transition:0.5s;}
.nav-links ul li:hover::after{width:100%;}
.software{color:#fff;	font-size:24px;	font-weight:400;	text-align:center;	min-height:70vh;	width:100%;
	background-image:linear-gradient(rgba(0,0,30,1),rgba(4,9,30,0)),url(images/software-source-code.webp);
	background-position:center;	background-size:cover;	position:relative;}
.text-box{width:90%;	color:#fff;	position:absolute;	top:90%;	left:50%;	transform:translate(-50%,-50%);	text-align:center;}
.text-box h1{font-size:75px;}
.text-box p{margin:10px 0 40px;	font-size:24px;	color:#fff;}

/* breadcrumbs */
 /* Style the list */
ul.breadcrumb {
  padding:10px 16px;
  list-style:none;
  background-color:#eee;
}
/* Display list items side by side */
ul.breadcrumb li {
  display:inline;
  font-size:18px;
}
/* Add a slash symbol (/) before/behind each list item */
ul.breadcrumb li+li:before {
  padding:8px;
  color:black;
  content:"/\00a0";
}
/* Add a color to all links inside the list */
ul.breadcrumb li a {
  color:#0275d8;
  text-decoration:none;
}
/* Add a color on mouse-over */
ul.breadcrumb li a:hover {
  color:#01447e;
  text-decoration:underline;
} 

/* for mobile devices */
@media(max-width:600px){
	nav .fas{display:block;	color:#fff;	margin:10px;	font-size:22px;	cursor:pointer;}
  .intro h1{font-size:20px;}
  .intro h2{font-size:14px;}
  .header{min-height:30vh;}
  .layer h3{font-size:16px;}
  .nav-links ul li a{font-size:14px;  padding:0px 0px;}
  .text-box p{font-size:10px;  font-weight:bold;}
  .our-products h1{font-size:20px;}
  .our-products h2{font-size:14px;}
	.row{flex-direction:column;}
	.sub-header h1{font-size:24px;}
  .testimonials h1{font-size:20px;}
  .testimonials h2{font-size:14px;}
  .testimonial-col p{font-size:10px;}
	.text-box h1{font-size:20px;}
	.nav-links ul li{display:block;}
	.nav-links{position:fixed;	background:#2CBE15; height:100vh;	width:200px;	top:0;	right:-370px;	text-align:left;	z-index:2;	transition:1s;}
	.nav-links{padding:30px;}
	.row{flex-direction:column;}
	.sub-header h1{font-size:24px;}
}

/*-------- Brief Intro --------*/
.intro{width:80%;	margin:auto;	text-align:center;}
.row{margin-top:5%;	display:flex;	justify-content:space-between;}
.intro-col{flex-basis:31%;	background:#d2f7dc;	border-radius:10px;	margin-bottom:5%;	padding:20px 12px;	box-sizing:border-box;	transition:0.5s;}
.intro-col:hover{box-shadow:0 0 20px 0px rgba(0,0,0,0.2);}

/*--------Our Products--------*/
.our-products{width:80%;	margin:auto;	text-align:center;	padding-top:50px;}
.op-col{flex-basis:32%;	border-radius:10px;	margin-bottom:20px;	position:relative;	overflow:hidden;}
.op-col img{width:100%;	height:100%;	display:block;	object-fit:cover;}
.layer{	background:transparent;	height:100%;	width:100%;	position:absolute;	top:0;	left:0;	transition:0.5s;}
.layer:hover{background:rgba(9, 92, 32, 0.8);}
.layer h3{width:100%	font-weight:500;	color:#fff;	font-size:26px;	bottom:0;	left:50%;	transform:translateX(-50%);	position:absolute;	opacity:0;	transition:0.5s;}
.layer:hover h3{opacity:1;}

/*--------services--------*/
.services{width:80%;	margin:auto;	text-align:center;	padding-top:100px;}
.services-col{flex-basis:31%;	border-radius:10px;	margin-bottom:5%;	text-align:center;}
.services-col img{width:30%;	height:30%;	border-radius:10px;}
.services-col p{padding:0;}

/*--------testimonials--------*/
.testimonials{width:80%;	margin:auto;	padding-top:100px;	text-align:center;}
.testimonial-col{flex-basis:44%;	border-radius:10px;	margin:1%;	text-align:justify;	background:#d2f7dc;	padding:25px;	cursor:pointer;	display:flex;}
.testimonial-col img{width:100%;	align-items:center;}
.testimonial-col p{padding:0;}
.testimonial-col h3{margin-top:15px;	text-align:left;}
.testimonial-col .fas{color:#095c20;}

/*--------Footer--------*/
.footer{width:100%;	text-align:center;	padding:30px 0;}

/*--------about us page--------*/
.sub-header{height:50vh;	width:100%;	background-image:linear-gradient(rgba(4,9,30,0.7),rgba(4,9,30,0.7)),url(images/banner-3.jpg);
	background-position:center;	background-size:cover;	text-align:center;	color:#fff;}
.sub-header h1{margin-top:100px;}
.about-us{width:80%;	margin:auto;	padding-top:50px;	padding-bottom:50px;}
.about-col{flex-basis:48%;	padding:30px 2px;}
.about-col img{width:100%;	Height:100%;	object-fit:cover;	margin-left:0px;}
.about-col h1{padding-top:0;}
.about-col p{padding:15px 0 25px;}
.green-btn{border:1px solid #2CBE15;	background:transparent;	color:#2CBE15;}
.green-btn:hover{color:#fff;}

/*--------contact us page--------*/
.location{width:80%;	margin:auto;	padding:80px 0;}
.location iframe{width:100%;}
.contact-us{width:80%;	margin:auto;}
.contact-col{flex-basis:48%;	margin-bottom:30px;}
.contact-col div{display:flex;	align-items:center;	margin-bottom:40px;}
.contact-col div .fas{font-size:28px;	color:#095c20;	margin:10px;	margin-right:30px;}
.contact-col div p{padding:0;}
.contact-col div h5{font-size:18px;	margin-bottom:5px;	color:#555;	font-weight:400;}
.contact-col input, .contact-col textarea{width:100%;	padding:15px;	margin-bottom:17px;	outline:none;	border:1px solid #ccc;	box-sizing:border-box;}

/*--------products page--------*/
.sub-header h1{font-size:35px;	text-align:center;}
.tech{width:80%;	margin:auto;	text-align:center;	padding-top:100px;}
.row{margin-top:5%;	margin-bottom:-5%;	display:flex;	justify-content:space-between;}
.tech-col{flex-basis:31%;	background:#d7d7d7;	border-radius:10px;	margin-bottom:5%;	padding:20px 12px;	box-sizing:border-box;	transition:0.5s;}
.tech-col img{height:100px;	image-align:center;}
.tech-col:hover{box-shadow:0 0 20px 0px rgba(30,130,76,0.9);}
.services{width:80%;	margin:auto;	text-align:center;	padding-top:100px;	padding-bottom:80px;	margin-btoom:80px;}