#homeBanner {
	position: relative;
	background-color: #113559;
	/* height: 100vh; */
	max-height:65rem;
	width: 100%;
	overflow: hidden;
	
}

#homeBanner .overlay {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-color: #113559;
	opacity: 0.7;
	z-index: 1;
  }

  /* #bannerSection{
	  min-height: 100vh;
  } */

  .main-section{
	top:0;
	position: absolute;
	z-index:2;
	  padding-top:100px;
	  padding-bottom:100px;
	  height:100%;
	  display: flex;
	  align-items: center;
	  justify-content: center;
  }

/* .videoBanner {
position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  
  width: auto;
  height: 100%;
  z-index: 0;
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
} */

/* .videoBanner {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;  
	overflow: hidden;
} */



/* .videoBanner video {
	width: 100%    !important;
	height: 100%   !important;
	top: 0;
  	left: 0;
	object-fit: cover;
	background-position: top;

} */

#bannerSection {
	
	z-index: 9;
	position: relative;
	
	
}

#bannerSection h1 {
	
	font-size: 55px;
	line-height: 1.5;
	color: #ffffff;
	/* text-transform: uppercase; */
	padding-bottom: 15px;
	text-shadow: 0px 0px 20px #000000;
}

#bannerSection p {
	/* font-family: 'Roboto', sans-serif; */
	font-size: 20px;
	line-height: 1.5;
	color: #ffffff;
	text-shadow: 0px 0px 10px #000000;
}

#bannerSection .bannerBtn {
	padding-top: 30px;
}

#bannerSection .bannerBtn button,
#bannerSection .bannerBtn button::after {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

#bannerSection .bannerBtn a {
	background: #ffffff;
	outline: none;
	border: 2px solid #ffffff;
	font-family: 'Inter', sans-serif;
	font-size: 16px;
	color: #113559;
	text-transform: uppercase;
	padding: 17px 28px;
	position: relative;
	z-index: 1;
}

#bannerSection .bannerBtn a::before,
#bannerSection .bannerBtn a::after {
	background: none;
	content: '';
	position: absolute;
	z-index: -1;
	color: #ffffff;

}

#bannerSection .bannerBtn a:hover {
	color: #ffffff;
	background:none;
	border: 2px solid #ffffff;
	background-color: none;

}

.btn-2::after {
	height: 100%;
	left: 0;
	top: 0;
	width: 0;
}

.btn-2:hover:after {
	width: 100%;
}

#intro,
#sector {
	padding: 50px 0 0;
}

#sector {
	padding-bottom: 50px;
}

#sector .slideControlsBrands {
	position: absolute;
	top: 40%;
	width: 100%;
	z-index: 1;
}

#sector .slideNextBrands {
	position: absolute;
	right: 0;
}

#sector .ImgCont {
	padding-bottom: 20px;
}

#sector .ImgCont h4 {
	padding: 15px 0 10px;
}

@media only screen and (max-width:767px) {
	.videoBanner {
		
		width:auto;
        min-height: 100%;
	}	

	#bannerSection h1 {
		font-size: 30px;
		line-height: 1.5;
		padding-bottom: 5px;		
		text-align: center;
		
	}

	#bannerSection p {
		font-size: 20px;
		line-height: 1.5;
		text-align: center;
	}

	#bannerSection .bannerBtn {
		padding-top: 15px;
	}

	#bannerSection .bannerBtn a {
		padding: 9px 7px;
		font-size: 14px;
		border-color: #ffffff;
		color: #113559;
		margin: 0 auto;
	}

	#intro p {
		font-size: 14px;
		line-height: 25px;
		margin-bottom: 10px;
	}

	#intro,
	#sector {
		padding: 20px 0;
	}
}

@media screen and (min-width:768px) and (max-width:991px) {
	

	#bannerSection h1 {
		font-size: 26px;
		line-height: 40px;
		padding-bottom: 15px;
	}

	#bannerSection p {
		font-size: 18px;
		line-height: 30px;
	}

	#bannerSection .bannerBtn {
		padding-top: 35px;
	}

	#bannerSection .bannerBtn a {
		font-size: 14px;
		padding: 12px 19px;
	}

	#idea .ideaArea h1 {
		font-size: 24px;
		line-height: 34px;
		padding-bottom: 10px;
	}

	#idea .ideaArea p {
		font-size: 16px;
		line-height: 28px;
		padding-bottom: 40px;
	}

	#idea {
		padding: 40px 0;
	}

	#counter {
		position: static;
	}

	#counter .counterArea h1 {
		font-size: 30px;
	}

	#counter .counterArea h1 sub,
	#counter .counterArea p {
		font-size: 14px;
	}

	#counter .counterArea {
		padding: 50px 30px;
	}

	#service {
		padding: 40px 0;
	}

	#service .serviceHeader h1 {
		font-size: 24px;
		line-height: 34px;
	}

	#service .serviceTab .serviceBox {
		width: 100%;
	}

	#service .serviceTab .box1 {
		margin: 0;
		margin-bottom: 20px;
	}

	#service .serviceTab .serviceBox {
		padding: 40px 35px 40px;
	}

	#service .serviceTab .serviceBox h1 {
		font-size: 18px;
	}

	#service .serviceTab .box3 {
		margin: 0;
		margin-top: 20px;
	}

	#capability .capTxt h1,
	#manufacturer .capTxt h1 {
		font-size: 24px;
		line-height: 34px;
	}

	#capability,
	#manufacturer {
		padding-top: 30px;
		padding-bottom: 50px;
	}

	#capability .capTxt p,
	#manufacturer .capTxt p {
		font-size: 16px;
		line-height: 28px;
		padding-bottom: 10px;
	}

	#capability .capBox .capabilityBox,
	#manufacturer .capBox .capabilityBox {
		width: 32.3%;
		padding: 30px;
		height: 460px;
	}

	#capability .capBox .capabilityBox h1,
	#manufacturer .capBox .capabilityBox h1,
	#manufacturer .capBox .capBox3 h1 {
		font-size: 18px;
		line-height: 26px;
	}

	#capability .capTxt,
	#manufacturer .capTxt {
		margin-bottom: 15px;
	}

	#capability .capBox,
	#manufacturer .capBox {
		margin-bottom: 30px;
	}

	#capability .capBtn button {
		font-size: 14px;
		padding: 10px 20px;
	}

	#cp .certificate,
	#cp .partner {
		padding: 60px 30px;
	}

	#cp h1 {
		font-size: 24px;
		line-height: 34px;
	}

	#cp p {
		font-size: 16px;
		line-height: 24px;
	}

	#manufacturer .capBox .capBox3 {
		padding: 30px;
	}

	#manufacturer .capBox .capBox3 .caphead {
		margin-top: 62px;
	}
}

@media screen and (min-width:992px) and (max-width:1199px) {
	#bannerSection {
		padding-top: 65px;
	}

	#bannerSection h1 {
		font-size: 30px;
		line-height: 40px;
		padding-bottom: 20px;
	}

	#bannerSection p {
		font-size: 18px;
		line-height: 28px;
	}

	#idea .ideaArea h1,
	#service .serviceHeader h1,
	#capability .capTxt h1,
	#manufacturer .capTxt h1 {
		font-size: 30px;
		line-height: 40px;
		padding-bottom: 15px;
	}

	#counter .counterArea h1 {
		font-size: 50px;
	}

	#service .serviceTab .serviceBox {
		width: 32.7%;
	}

	#capability .capBox .capabilityBox,
	#manufacturer .capBox .capabilityBox {
		width: 32.5%;
		height: 370px;
		padding: 30px;
	}

	#capability .capBox,
	#manufacturer .capBox {
		margin-bottom: 40px;
	}

	#capability,
	#manufacturer {
		padding-bottom: 70px;
	}

	#cp .certificate,
	#cp .partner {
		padding: 82px 55px;
	}

	#cp p {
		font-size: 18px;
		line-height: 30px;
		height: 175px;
	}
}