body{
    margin: 0;
    padding: 0;
    /*background-color: red !important;*/
}
/*parallax section style*/
.main_section{
   	font-size:3rem;
   	position:relative;
   	height:70vh; 
   	color:white;
    background-color: #1768a5;   	
    margin-top: 112px;
}
.main_title{
	position:absolute;
	top:30%;
	left:50%;
	transform:translate(-50%,-50%);
    font-size: 80px;
    text-align: center;
}
.content{
    background-color: #2196f373;
    height: auto;
    padding-top: 50px;
}
.parallax-bg{
    /*padding: 100px 0px;*/
    background-image: url('images/background/background-7.jpg');
    background-size: cover;
    background-attachment: fixed;
    transition: all 0.3s ease;
}
.particles-js-canvas-el{
    height: 65vh !important;
}
.parallax-bg2{
    background-image: url('images/giphy/giphy-1.gif') !important;
}
.parallax-bg3{
    background-image: url('images/background/background-7.jpg') !important;
}
.our_partner{
	background-image: url('images/background/background-6.jpg') !important;	
}
.top_social{
	background-color: #005392;
}
.top_social img{
	width: 30px;
}
.top_social .nav-link {
	padding: 7px ;
}

.modal-dialog{
	max-width: 70% !important;
	margin: 0 auto;
}
/*Menu Drop down*/
@media screen and (min-width:992px){
	.dropdown:hover .dropdown-menu{
		display: block;
		margin-top: 0;
	} 
	.dropdown .dropdown-menu{
		display: none;
		border: none;
	} 
	.dropdown:hover .dropdown-toggle::after{
		border-top: 0;
		border-bottom: .3em solid;
	}	

}
@media only screen and (max-width: 568px) {

	.navbar-brand img{
		max-width: 60px;
	}
	.navbar {
		padding: 0px !important;
		background-color: #2196F3;
	}
	.main_section{
		margin-top: 43px;
	}
	.particles-js-canvas-el, .main_section{
		height: 20vh !important;
	}
	.main_title{
		top:  40%;
		font-size: 65px;
	}
}
@media only screen and (max-width: 768px) {
	.modal-dialog{
		max-width: 90% !important;
		margin: 0 auto !important;
		top: 10%;
	}	
	.top_social{
		display: none;
	}
	.top_slider img{
		height: 40vh !important;
	}
	.centered{
		width: 95% !important;
		padding: 0px !important;
		top: 60% !important;
	}
	.centered h1{
		font-size: 75px !important;
	}
	.top-left, .top-right{
		width: 95% !important;
		padding: 0px !important;
		left: 2% !important; 
	}
	.nav-link{
		color: #fff !important;
	}
	.desktop_logo{
		display: none;
	}
	.mobile_logo{
		display: block !important;
	}
}


.title{
	text-align: center;
	margin-bottom: 30px;
}
.title span{
	border-bottom: 2px solid gray;
	font-weight: 700;
}
.title2{
	color: #fff;
}
.title2 span{
	border-bottom: 2px solid #fff;
	font-weight: 700;
}
.value_title{
	text-align: center;
    background: #2196f3d9;
    padding: 15px;
    color: #fff;
    margin-bottom: 0px;
}
.value_row .col-lg-3{
	margin-bottom: 20px;
}
.lets_xoanon{
	background-color: #fff;
	padding: 15px 15px;
} 
/*section{
	padding-top: 50px;
	padding-bottom: 50px;
}*/
.navbar-brand img{
	max-width: 80px;
	padding: 0px;
}
.navbar a{
	color: #000;
}
.navbar{
	border-bottom: solid 1px gray;
}
.navbar-brand, .navbar{
	padding: 0px !important;
}
.main_nav{
	background-color: #fff;
}
/*img{
	width: 100%;
}*/

#section2{
	background-image: url('images/background/background-1.jpg');
	height: auto;
	width: 100%;
	background-size: cover;
	background-position: center;
}
#section4{
	background-image: url('images/background/background-6.png');
	height: auto;
	width: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.section4_overlay{
	background-color: #8eaafe5e;
	padding-top: 70px;
	padding-bottom: 70px;
}
#section2, #section_lets, #section6{
	padding-top: 70px;
	padding-bottom: 70px;
}
.milestone_recognitions_div{
	padding-top: 50px;
	padding-bottom: 50px;
}
.about_section, .product_segment_bg{
	padding-bottom: 50px;
}
/*footer*/
#section8{
	background-color:#005392;
	padding-top: 50px;
}
#section8 ul{
	list-style-type: none;
	padding-left: 0px;
}
#section8 ul li a{
	text-decoration: none;
	color: #fff;
	line-height: 30px;
}
.copyright_div {
	margin-top: 30px;
	background-color: #084a7c;
}
.copyright_div p{
	margin: 0;
	text-align: center;
	color: #fff;

}
.footer_social_media li{
	float: left;
	margin-left: 5px;
}
.address{
	color: #fff;
}
#section8 h4{
	color: #fff;
}
.latest_activity_title{
	background-color: #fff;
	color: #005392;
	text-align: center;
	padding: 15px;
}
.get_started{
	text-align: center;
}

.career_div{
	max-width: 80%;
	margin: 0 auto;
}
.vision_mission .fa{
	font-size: 700%;
}
.vision_mission .fa-eye{
	color: #f8320d;
}
.vision_mission .fa-bullseye{
	color: #1768a5;
}
.parallax-about{
	padding:70px 0px;
	background-image: url('./images/background/InnovateGIF.webp');
	background-size: cover;
	background-attachment: fixed;
	transition: all 0.3s ease;
}
.margin_top_div{
	margin-top: 50px;
}
.title_div{
	text-align: center;
	color: #1768a5;
	padding-bottom: 30px;
}
.title_div h1{
	margin: 0;
}
.title_ul{
	border-bottom: solid 2px #f8320d;
}
.vision_div{
	background-color: #1768a5;
	padding: 50px 0px;
	color: #fff;
}
.vision_mission img{
	border-radius: 10px;
}
.mission_div{
	padding: 50px 0px;
}
.video_section{
	padding: 50px 0px;
}
.career_container{
	padding-bottom: 50px;
}
.good_health{
	background-color: #0580b8;
	text-align: center;
	padding: 50px;
	color: #fff;
}
.respnsibility_title{
	border-bottom: solid 2px #ff3400;
	color: #0580b8;
}
.parallax_title{
	color: #fff;
}
.manufacturing_facility{
	color: #1768a5;
	font-size: 32px;
	font-weight: 600;
}
.manufacturing_div{
	padding-top: 50px;
	padding-bottom: 50px;
}
.we_manufacturing div{
	margin-bottom: 20px;
}
/*.about_div{
	background-image: url('./images/background/background-5.jpg');
	height: auto;
	padding-top: 50px;
}*/
.contact_org_name{
	color: #f8320d;
}
.contact_org_name2{
	color: #1768a5;
}
.contact_org_name3{
	color: #fff;
}
.value_info{
	height: 210px;
	background-color: #fff;
}
.value_info p{
	
	padding: 0px 20px 20px 20px;
	padding-top: 10px;
}
.read_more_btn button{
	background-color: #3fa3f2;
	padding: 10px 15px;
	color: #fff;
	border-radius: 0px;
	transition: 0.3s;
}
.read_more_btn button:hover{
	background-color: #3fa3f2 !important;
	color: #fff !important;
	opacity: 0.8;
	border-radius: 25px;
	transition: 0.3s;
}
.read_more_btn{
	text-align: center;
}
.navbar-toggler{
	background-color: #fff !important;
}
.img_text {
  position: relative;
  text-align: center;
  color: #fff;
}
.top-left {
  position: absolute;
  top: 35%;
  left: 16px;
  background-color: #3fa3f2;
  border-radius: 10px;
  padding: 50px 0px;
  width: 52%;
}
.top_slider img{
	height: 90vh;
}
.top-right {
  position: absolute;
  top: 35%;
  right: 16px;
  background-color: #3fa3f2;
  border-radius: 10px;
  padding: 50px 0px;
  width: 52%;
}
.top-left h1, .top-right h1{
  font-size: 30px !important;
} 
.centered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #00000054;
  padding: 0px;
  /*width: 50%;*/
}
.dropdown-menu .dropdown-item:hover{
	background-color: #005392;
	color: #fff;
}
.modal-header{
	background-color: #005392;
	color: #fff;
}
.modal-header h4{
	text-align: center !important;
}
.our_value img{
	height: 200px;
	width: 100%;
}
.product_segment_img img{
	height: 380px;
	width: 100%;
}
.company_name{
	font-size: 180px;
	color: #f8320d !important;
}
/*.value_div:hover img{
	transform: rotateX(360deg);
	transition: 0.4s;
}
.value_div img{
	transition: 0.4s;	
}*/
.value_div:hover{
	box-shadow: 1px 1px 7px 4px #3ba1f5;
	transition: 0.4s;
}
.value_div{
	transition: 0.4s;
}
.lets_xoanon_div inner:hover{
	margin-bottom: 2px;
	box-sizing: border-box;
}
.card {
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
  transition: 0.3s;
  width: 100%;
  border-radius: 5px;
}

.card:hover {
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}

.card img {
  border-radius: 5px 5px 0 0;
}

.conta {
  padding: 2px 16px;
}
.conta h4{
	text-align: center;
	margin-top: 5px;
}
.top_title{
	padding: 200px 150px 100px 150px; 
	background-image: linear-gradient(to right, #fff, #1768a5 93%); 
	color: #fff;
}
.card-body p{
	height: 150px;
}
.product_div img{
	max-width: 95%;
	margin: 0 auto;
	height: 290px;
	padding-bottom: 10px;
	padding-top: 10px;
}
.owl-next span{
	font-size: 60px;
	color: #fff;
}

.owl-prev span{
	font-size: 60px;
	color: #fff;
}
.mobile_logo{
	display: none;
}