header{border-bottom:none;}

header:before{ content:""; width:100%; height:150px; position:absolute; top:0; left:0; background: linear-gradient(to bottom, rgba(0,0,0,0.78) 0%,rgba(0,0,0,0.67) 23%,rgba(0,0,0,0.53) 42%,rgba(0,0,0,0.13) 82%,rgba(0,0,0,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c7ffffff', endColorstr='#00ffffff',GradientType=0 ); z-index:-1; pointer-events: none; transition:all .4s ease-in-out;}

header.sticky:before{ content:""; width:100%; height:150px; position:absolute; top:0; left:0; background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 23%,rgba(0,0,0,0) 42%,rgba(0,0,0,0) 82%,rgba(0,0,0,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c7ffffff', endColorstr='#00ffffff',GradientType=0 ); z-index:-1; pointer-events: none; transition:all .4s ease-in-out;}


section{overflow:hidden;}
.box-hover:hover{background:#fff; box-shadow:0 0 40px rgba(0,0,0,0.7);}

.btnrightarrow {
  border-radius: 4px;
  text-align: center;
  font-size: 1.2em;
  padding: 5px 10px;
  width: auto;
  transition: all 0.5s;
  cursor: pointer;
  margin: 5px;
}

.btnrightarrow span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

.btnrightarrow span:after {
  position: absolute;
  opacity: 0;
  top: -18px;
  right: -15px;
  font-size:2em;
}

.btnrightarrow:hover span, .btnrightarrow_active span {
  padding-right: 25px;
}

.btnrightarrow:hover span:after, .btnrightarrow_active span:after {
  opacity: 1;
  right: 0;
}

.btnrightarrow_active:hover span {
  padding-right: 35px;
}

.btnrightarrow_active:hover span:after {
  opacity: 1;
  right: 0;
}

.btnrightarrow {
  background-color: #253d7b;
  border: none;
  color: #FFFFFF;
}

.btnrightarrow span:after {
  content: '\00bb';
  transition: 0.5s;
}

.global_title.industryweserve_title{text-align: center;}
.global_title.industryweserve_title::before{ right: 0; margin: auto;}
/*=================================
 		SECTION START HERE 
=================================*/
.hero_sec_inner{max-height:600px;}
header .navbar-brand img{ max-width:350px; max-height:74px;}
header .navbar-brand span{ float:left; width:100%; text-align:center; color:#FFFFFF; font-size:0.5em; letter-spacing:3px;}

/* About */
.about_sec_title_des{display:block;}
.about_sec_title_mb{display:none !important; padding-bottom:20px;}
.about_sec b{ margin: 0 0 20px 0; padding: 0; display: block; font-size: 23px; color: var(--secondary); line-height: 34px; font-weight: 600;}

.about_sec .detail{ padding-top:10px;}

.about_team_block{
	float:left;
	width:100%;
	height: calc(100% - 30px); 
	margin: 0 0 30px 0; 
	position: relative; 
	background: var(--white); 
	box-shadow: 0px 10px 35px 0px rgba(0, 0, 0, 0.07); 
	transition:all .4s ease-in-out;
	
	/*background: #0275f2;
	color:#FFFFFF;*/
	
	padding:20px;
	
}
.about_team_imagewarp{float:left; width:100%;  height:400px; text-align:center; overflow:hidden; margin-bottom:10px;}
.about_team_imagewarp img{ width:auto; max-width:100%; height:400px; transition: 0.5s; border-radius:5px; object-fit: cover; }
.about_team_name{float:left; width:100%; text-align:center;}
/*.serve_block .main{min-height:220px; max-height: 220px;}*/

/* Service */
.service_sec{ margin: 0; padding: 100px 0 0px 0;}
.service_block:hover{ background-image: linear-gradient(to bottom right, #8bc2fd, #0275F2);}
.serve_block:hover p{ height:0; visibility: visible;}
.serviceimg img{max-width:80%;}

/* Serve */
.serve_sec{padding: 50px 0 0px 0;}

/* Our Expertise */
.ourexpertise_sec{ margin: 0; padding: 50px 0 0px 0;}

.ourexpertise_block{
	height: calc(100% - 30px); 
	margin: 0 0 30px 0; 
	position: relative; 
	background: var(--white); 
	box-shadow: 0px 10px 35px 0px rgba(0, 0, 0, 0.07); 
	transition:all .4s ease-in-out;
	
	background: #0275f2;
	color:#FFFFFF;
	
}

.ourexpertise_imagewarp{float:left; width:100%; height:300px; overflow:hidden; margin-bottom:10px;}
.ourexpertise_imagewarp img{transition: 0.5s; /*object-fit: cover;*/ }
.ourexpertise_block:hover .ourexpertise_imagewarp img{transform: scale(1.2); overflow:hidden; }
.ourexpertise_block h3{float:left; width:100%; font-size:1.1em; font-weight:600; padding:10px 0;}
.ourexpertise_block ul li{ list-style:square;}


.customer_sec{ padding: 100px 0 100px 0;}



/*----Contact Us ------*/
.detail_contact{width:100%; float:left; margin:0; padding:40px 0 40px 0;}
.detail_contact .container{ max-width:990px;}
.detail_contact h2{ margin-bottom:40px;}
.detail_contact .add_info{ width:100%; float:left; margin:0 0 25px 0; padding:0 0 0 40px; position:relative;  /*min-height:40px; line-height:36px;*/}
/*.detail_contact .add_info:first-child{ line-height:inherit;}
.detail_contact .add_info:first-child i{font-size:2em;}*/
.detail_contact .add_info i.icon-lg{font-size:1.8em; padding-top:5px;}
.detail_contact .add_info i{ /*width:40px; height:40px; border-radius:10px; text-align:center; font-size:1.5em; line-height:40px; color:#ffc641;*/ font-size:1.3em;  position:absolute; left:0; top:0; padding-top:3px;}
.detail_contact .add_info a{}
.detail_contact .add_info a:hover{}
.contact_social_link{width:100%; float:left; margin:10px 0 25px 0; padding:0 0 0 0px; position:relative;  min-height:34px; line-height:34px;}
.contact_social_link i{width:34px; height:34px; border-radius:5px; text-align:center; line-height:32px; margin-right:5px; font-size:1.2em;}
.contright{}
.contactmsg{margin-top:20px;}
.btncontact{padding-top:30px;}
.contactus_emailiconwrap{display:none;}

.form_info{ width:100%; float:left; margin:0 0 30px 0; padding:0;}
.form_info .field{ width:100%; float:left; height:45px; padding:0 20px; margin:0 0 10px 0; background:#fff; border-radius:5px; box-shadow:none; border:1px solid #e8e8e8; font-size:16px;}
.form_info .field_attachement{ width:100%; float:left; height:45px; padding:7px 10px; margin:0 0 10px 0; background:#fff; border-radius:5px; box-shadow:none; border:1px solid #e8e8e8; font-size:16px;}
.form_info .field.field_2{ height:92px; padding:10px 20px;}
.submit_btn{ margin:0; padding:0 45px; display:inline-block; line-height:46px; background:#ffc641; font-size:16px; color:#3c3c3d; text-align:center; border-radius:0; border:none;}
.submit_btn:hover{ background:#162571; color:#fff;}



.detail_contact .add_info i{color:#0066cc;}
.detail_contact .add_info a{ /*color:#000000;*/}
.detail_contact .add_info a:hover{ color:#000000;}

.contact_social_link i{ background-color:#0066cc; border:1px solid #0066cc;  color:#ffffff; }
.contact_social_link i:hover{ background-color:#ffffff; border:1px solid #0066cc;  color:#0066cc; }


/*===================
 		FOOTER 
===================*/
.footer_sec figure img{ width:auto; max-width:100%;}

.copy_right_left{ float:left; text-align:left; width:60%; color:#B5BBD9;}
.copy_right_right{ float:left; text-align:right; width:40%; color:#B5BBD9;}
.copy_right_right a{color:#3A97FF;}
.copy_right_right a:hover{color:#fff;}

@media (max-width:1401px) {
.foot_navifationwrap{padding-left:10%;}
}

@media (max-width:1280px) {
.about_team_imagewarp{height:300px;}
.about_team_imagewarp img{height:300px;}
}

@media (max-width:1200px) {
.footer_sec figure{ text-align:center;}
.footer_sec figure img{ width:80%; max-width:250px;}
.foot_navifationwrap, .foot_serviceswrap, .foot_contactwrap{padding-left:5%;}

}

@media (max-width: 991px) {
.copy_right_left{text-align:center; width:100%;}
.copy_right_right{text-align:center; width:100%; padding-top:10px; padding-bottom:20px;}
}

@media (max-width: 767px) {
/*.hero_sec .bg{ height: 300px;}*/

.global_title.industryweserve_title{text-align: left;  width:100%;}
.global_title.industryweserve_title::before{ right:auto; margin:0;}

.about_sec_title_des{display:none;}
.about_sec_title_mb{display:block !important;}

.about_sec figure.companyimg img{float:none; margin-bottom:20px;}

.about_team_imagewarp{height:200px;}
.about_team_imagewarp img{height:200px;}

}


@media (max-width:576px) {
/*.hero_sec .bg{ height: auto; max-height:400px;}*/
.about_team_imagewarp{height:auto; max-height:400px;}
.about_team_imagewarp img{height:auto; max-height:400px;}

}

@media (max-width:480px) {
.serve_sec .inner{ margin: 0; padding:50px 0 0 20px;}
}