

.fixed-content {

  /* width: 1150px; */

  margin: auto;

}

.active {

  opacity: 1 !important;

  -moz-transform: translate3d(0, 0, 0) !important;

  -webkit-transform: translate3d(0, 0, 0) !important;

  transform: translate3d(0, 0, 0) !important;

}

.headerMain {

  height: 85px;

  background-color: transparent;

  position: fixed;

  top: 0px;

  left: 0px;

  width: 100%;

  z-index: 111;

}

.headerMain.active {

  background: #E7841A;

  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);

  -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);

  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);

}

.logo img{

    width: 140px;

}

.dropbtn {

background-color: #4CAF50;

color: white;

padding: 16px;

font-size: 18px;

border: none;

}



.dropdown {

position: relative;

display: inline-block;

}



.dropdown-content {

display: none;

top: 70px;

position: absolute;

 background: #E7841A;

min-width: 160px;

box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);

z-index: 1;

}



.dropdown-content a {

color: black;

padding: 12px 16px;

text-decoration: none;

display: block;

}



.dropdown:hover .dropdown-content {display: block;}



.dropdown:hover .dropbtn {background-color: #3e8e41;}

.headerMain .phone a{

      padding: 5px 26px;

      color: #fff;

      box-shadow: 0 1px 5px rgb(0 0 0 / 25%);

      border:1px solid #fff;

      border-radius: 50px;

      font-family: 'MontserratSemiBold';

font-size: 12px;

position: relative;

}

.sectionbanner .banner .bannre-title span{

  font-family: 'MontserratRegular';

  font-size: 18px;

  line-height: 30px;

}

.headerMain .phone a:before{

content:url('../image/phone.png');

padding-right: 5px;

position: absolute;

  left: 13px;

  bottom: 3px;

}

.headerMain .phone {

      padding: 20px 20px;

}

.mobileHeader { display: none; }

.headerMain .logo {

     float: left;

  width: 20%;

}

.headerMain .logo a {

  color: #fff;

  font-size: 18px;

  font-weight: bold;

  text-transform: uppercase;

    padding: 16px 4px;

}

.headerMain nav {

     float: left;

  /* width: 60%; */

}

.headerMain .sociallink {

    float: left;

  width: 20%;

}

.headerMain .sociallink a {

  color: #fff;

  font-size: 18px;

  font-weight: bold;

  text-transform: uppercase;

    padding: 24px 13px;

}

.headerMain nav ul {

  float: right;

}

.headerMain nav ul li {

  float: left;

  z-index: 11;

  position: relative;

}

.headerMain nav ul li a {

  text-transform: uppercase;

  font-family: 'MontserratSemiBold';

  color: #fff;

  font-size: 14px;

  padding: 30px 7px 0px;

  position: relative;

  overflow: hidden;

  -o-transition: 0.2s ease-in-out;

  -moz-transition: 0.2s ease-in-out;

  -webkit-transition: 0.2s ease-in-out;

  transition: 0.2s ease-in-out;

}



.sectionbanner .banner { 

  background: url(../image/banner.png) no-repeat center top; 

  height: 600px;

  background-size: 100%;

   position: relative;

   }



.sectionbanner .banner .bannre-title { position: absolute;

  text-align: center;

  z-index: 10;

  top: 30%;

  width: 100%;

  color: #FFF; }



.sectionbanner .banner .bannre-title h1 

{

  font-size: 50px;

  text-align: center;

   font-family: 'MontserratBold';

   text-shadow: 0 0 3px #ff0000, 0 0 5px #0000ff;

   }

.JOBS{

background: #F8F9FD !important;

}

.JOBS .title h2{

color: #394958 !important;

}

.JOBS .title span{

color: #394958 !important;

}

.JOBS .block33 p{

color: #394958 !important;

}

.JOBS .block33 label{

color: #394958 !important;

}

.JOBS .block50 p{

color: #394958 !important;

}

.JOBS .block50 label{

color: #394958 !important;

}

.activebtn{

border-bottom: 2px solid #fff;

}

.sectionbanner .bannerbtn { margin-top: 15px;}



.sectionbanner .bannerbtn a {

  width: 200px;

  padding: 10px 20px;

  text-align: center;

  color: #fff;   

   text-transform: uppercase;

    font-family: 'MontserratBold';

 font-size: 18px;

  font-weight: 700;

     border-radius: 50px;

  margin-right: 5px; }



.sectionbanner .bannerbtn .btnone { background: #92D343; box-shadow: 0 1px 5px rgb(0 0 0 / 25%); }



.jobseekers .block50 span {font-size: 18px;color: #fff; font-family: 'Open Sans'; }



.jobseekers span img{

  background: #D86401;

  padding: 10px;

  border-radius: 50px;

      margin-right: 10px;

}



.jobseekers .job{ background: #303B4D;padding: 120px;padding: 120px 60px 120px 60px;}

.jobseekers .for{ background: #3B4859;padding: 120px;padding: 120px 60px 120px 60px;}



.jobseekers .block50 span strong {

color: #fff;

text-transform: uppercase;

font-size: 20px;

font-family: 'MontserratBold';

  vertical-align: top;

}



.jobseekers .setpad { padding: 20% 5%; }



.right { float: right; }



.sectionjobpanel .title h2{

 font-family: 'MontserratBold';

 font-size: 38px;

 color: #3C4759;

}

.sectionjobpanel .block33 a {

  color: #91D242;

  font-family: 'Open Sans';

  font-size: 16px;

  

}

.sectionjobpanel .jobbtn{

  text-align: center;

}

.sectionjobpanel .jobbtn a{

  background: #D86401;

  padding: 10px 25px;

  text-transform: capitalize;

  box-shadow: 0 1px 5px rgb(0 0 0 / 25%);

  border-radius: 5px;

  color: #fff;

  font-family: 'MontserratBold';

  font-size: 18px;

  margin-right: 10px;

}

.sectionjobpanel .jobbtn a:hover{

    background: #92D343;

}



.sectionjobpanel .title h2 strong{

color: #D86400;

text-shadow: -1px 1px 0 #000,

                        1px 1px 0 #000,

                       1px -1px 0 #000,

                      -1px -1px 0 #000;

}

.sectionjobpanel .title span{

  font-size: 18px;

  font-family: 'Open Sans'; 

  line-height: 28px;

  color: #36373C;

}

.sectionjobpanel{

  background: #F8F9FD;

}



.sectionjobpanel .block33 .block100{

      background: #fff;

  border-radius: 5px;

  box-shadow: 0 1px 5px rgb(0 0 0 / 25%);

} 



.sectionjobpanel .block33 .block100 strong{

     font-family: 'MontserratBold';

     font-size: 18px;

     color: #394958;

}

.sectionjobpanel .block33 .block100 span{

     font-family: 'Open Sans'; 

     font-size: 16px;

}

.sectionjobpanel .block33 .block100 label{

     font-family: 'Open Sans'; 

     font-size: 14px;

     color: #BBBBBD;

}

.sectionjobpanel .block33 .block100 label:before{

  content:url('../image/calendar.png');

  padding-right: 10px;

}

.sectionjoblist .title h2{

  font-family: 'MontserratBold';

  font-size: 38px;

  color: #fff;

}

.sectionjoblist{

  background: url(../image/list.png) no-repeat center top;

      background-size: 100% 100%;

}

.sectionjoblist .title h2 strong {

  color: #D86400;  

}

.sectionjoblist .title span {

  font-size: 18px;

  font-family: 'Open Sans';

  line-height: 35px;

  color: #fff;

}

.sectionjoblist .block50 strong {

  color: #D96301;

  font-family: 'MontserratBold';

  font-size: 18px;

}

.sectionjoblist .block50 p{

  font-family: 'Open Sans';

  font-size: 16px;

  color: #fff;

}

.sectionjoblist .block50 a{

  color: #91D242;

   font-family: 'Open Sans';

  font-size: 16px;

  display: block;

}

.sectionjoblist .block50 label{

  text-transform: uppercase;

  color: #fff;

    font-family: 'Open Sans';

  font-size: 14px;

}

.sectionjoblist .block33 strong {
  color: #D96301;
  font-family: 'MontserratBold';
  font-size: 18px;
}

.sectionjoblist .block33 p{
  font-family: 'Open Sans';
  font-size: 16px;
  color: #fff;
}

.sectionjoblist .block33 a{
  color: #91D242;
  font-family: 'Open Sans';
  font-size: 16px;
  display: block;
}

.sectionjoblist .block33 label{
  text-transform: uppercase;
  color: #fff;
  font-family: 'Open Sans';
  font-size: 14px;
}

.blogdetails .content{

font-family: 'MontserratBold';

  font-size: 18px;

  color: #394958;

  line-height: 30px;

}

.sectionjoblist .block50 .block100 label:before {

  content: url(../image/calendar.png);

  padding-right: 10px;

}

.sectioncontect{

  background: url(../image/list.png) no-repeat center top;

  background-size: 100% 100%;

  padding: 10px;

}

.sectioncontect .block100 strong{

  color: #fff;

  font-family: 'MontserratBold';

  font-size: 29px;

  text-transform: capitalize;

}

.sectioncontect .block100 .titalsecond{

   font-family: 'MontserratBold';

    font-size: 22px;

}

.sectioncontect .block100 p{

   font-family: 'Open Sans';

  font-size: 16px;

  color: #fff;

}

.sectioncontect ul{

  padding-top: 20px;

}

.sectioncontect ul li{

  color: #fff;

   font-family: 'Open Sans';

  font-size: 18px;

  padding: 5px;

}

.contectsec .centerform{

max-width: 600px;

  margin: 0px auto;

  float: none;

}

.contectsec .title h2 strong {

  color: #D86400;

   font-size: 38px !important;

}

.contectsec .title h2 {

  font-family: 'MontserratBold';

  font-size: 38px;

  color: #fff;

}

.contectsec .address{

color: #fff;

font-size: 18px;

  line-height: 40px;



}

.contectsec .address a{

color: #fff;

}

.contectsec .address ul li{

display: inline-block;

margin-right: 50px;

}

.form-detail .chek input{

width: 3%;

height: 15px;

vertical-align: top;

}

.form-detail .chek label{

background: none;

display: inline-block;

padding: 0px 9px;

width: 475px;

}

.fa-map-marker:before,.fa-phone:before,.fa-envelope:before{

margin-right: 10px;

color: #E7841A;

}

.fa-chevron-right{

  color: #C889FE;

}

.sectioncontact .card .block100{

height: 230px;

}

.sectioncontact .card .block100 strong{

display: block;

}

.aboutus {

background: linear-gradient(

0deg

, rgb(248,249,253) 0%, rgb(248,249,253) 60%, rgba(47,58,76,1) 40%);



}

.blog{

background: #F8F9FD;

}

.blog .card .block100{

text-align: left !important;

}

.blog .block33 .block100 strong{

font-size: 18px;

}

.blog .block33 .block100 strong a{

color: #E7841A;

}

.blog .card .block100{

height: 330px !important;

}

.addcontect a{ color: #8f8f95; }

.aboutus h2{

color: #fff !important;

}

.aboutus .card .block100{

height: 375px;

  text-align: center;

  box-shadow: 0 0 20px -12px #000000;

}

.aboutus .card .block100 .detailsbtn a{

padding: 10px 20px;

  width: 150px;

  box-shadow: 0 1px 5px rgb(0 0 0 / 25%);

  font-size: 12px;

  background: #92D343;

  font-weight: 700;

  color: #fff;

  border-radius: 50px;

}

.aboutus .card .block100 .img{

padding-bottom: 20px;

}

.aboutus .card .block100 .img img{

    width: 285px;

}

.services .block33 .block100{

background: none;

}

.footer{

background: #303B4D;

}

.footercopy{

padding: 20px;

  text-align: center;

  box-shadow: 12px 1px 8px rgb(0 0 0 / 25%);

}

.slider{

background: url(../image/bgtwo.png) no-repeat center top;

  background-size: 100%;

  padding: 40px 0px;

}

.slider h4 {

  color: #fff;

  font-size: 29px;

  font-family: 'MontserratBold';

}

.slidcrousal span{

color: #fff;

  font-family: 'MontserratRegular';

  font-size: 18px;

  font-style: italic;

  padding-top: 20px;



}

.aboutsection strong {

  color: #fff;

  font-size: 29px;

  text-transform: uppercase;

  font-family: 'MontserratBold';

}

.aboutsection .titalsecond{

color: #fff;

  font-size: 18px;

  font-family: 'MontserratBold';

}

.aboutsection .block100 p {

  font-family: 'Open Sans';

  font-size: 16px;

  color: #fff;

}

.aboutsection ul{

padding-top: 50px;

}

.aboutsection ul li{

display: inline-block;

padding-right: 14px;

font-size: 16px;

  color: #fff;

  line-height: 40px;

}

.aboutsection ul li strong{

display: block;

text-align: center;

font-size: 40px;

}

.howsection strong { background: #E7841A;

  padding: 10px 18px;

  border-radius: 48px;

  font-size: 18px;

  font-family: 'MontserratBold';

  color: #fff;

  margin-right: 10px;

}

.howsection .first{

color: #E7841A;

  font-size: 18px;

  font-family: 'MontserratBold';

}

.howsection .second{

color: #3B485A;

  font-size: 18px;

  font-family: 'MontserratBold';

}

.howsection .contenct{

padding: 120px 80px 0px 40px;

}

.howsection .second strong{

background: #3B485A; 

color: #fff;

  font-size: 18px;

  font-family: 'MontserratBold';

}

.howsection ul li{

padding-bottom: 40px;

}

.howsection .img img{

  width: 100%;

}

.howsection p{

padding-left: 60px;

font-family: 'Open Sans';

  font-size: 16px;

  color: #000;

}

.servicessection .jobbtn a:hover {

  background: #92D343;

}

.servicessection .img img{

  width: 100%;

}

.servicessection .contenct{

padding: 120px 40px 0px 80px;;

}

.servicessection ul li{

background: #E7841A;

  padding: 2px 20px;

  color: #fff;

  font-size: 16px;

  font-family: 'MontserratBold';

  box-shadow: 0 4px 5px rgb(0 0 0 / 25%);

  margin-bottom: 20px;

}

.vision strong{

color: #394958;

}

.vision .block100 p{

color: #394958;

}

.mission{

background: #F8F5FB;

}

.mission strong{

color: #394958;

}

.vision .img img{

width: 100%;

}

.mission .img img{

width: 100%;

}

.mission .block100 p{

color: #394958;

}

.servicessection ul .one{

width: 100%;

}

.servicessection ul .two{

width: 90%;

}

.servicessection ul .three{

width: 75%;

}

.servicessection .services strong{

color: #3B485A;

  font-size: 18px;

  font-family: 'MontserratBold';



}

.servicessection .services span{

padding: 20px 0px 30px 0px;

font-family: 'Open Sans';

  font-size: 16px;

  color: #3B485A;

}

.servicessection .jobbtn{

padding-bottom: 30px;

}

.servicessection .jobbtn a {

  background: #D86401;

  padding: 10px 25px;

  text-transform: capitalize;

  border-radius: 5px;

  color: #fff;

  font-family: 'MontserratBold';

  font-size: 18px;

  box-shadow: 0 1px 5px rgb(0 0 0 / 25%);

  margin-right: 10px;

}

.slidcrousal strong{

color: #fff;

  font-size: 18px;

  font-family: 'MontserratBold';

}

.slider .owl-dot{

display: none;

}

.slider .owl-nav{

bottom: 75px;

}

.fa-chevron-left:before,.fa-chevron-right:before{

color: #fff;

font-size: 18px;

}

.footer strong{

font-family: 'MontserratBold';

  font-size: 18px;

  color: #fff;

}

.footer span{

font-family: 'Open Sans';

  font-size: 16px;

  color: #fff;

}

.footer ul li{

 font-family: 'Open Sans';

  font-size: 16px;

  color: #fff;

  padding-bottom: 10px;

}

.footer ul li .fa-chevron-right:before{

color: #E7841A;

padding-right: 10px;

}





.fa:hover {

  opacity: 0.7;

}



.fa-facebook {

background: #E7841A;

color: white;

padding: 10px;

  width: 13%;

text-align: center;

text-decoration: none;

margin: 5px 2px;

border-radius: 50%;

}

.fa-facebook-f:before, .fa-facebook:before{

font-size: 20px;

}

.fa-twitter-f:before, .fa-twitter:before{

font-size: 20px;

}



.fa-twitter {

background: #E7841A;

color: white;

padding: 10px;

  width: 13%;

text-align: center;

text-decoration: none;

margin: 5px 2px;

border-radius: 50%;

}

.fa-google-f:before, .fa-google:before{

font-size: 20px;

}

.fa-google {

background: #E7841A;

color: white;

padding: 10px;

  width: 13%;

text-align: center;

text-decoration: none;

margin: 5px 2px;

border-radius: 50%;

}

.fa-linkedin-f:before, .fa-linkedin:before{

font-size: 20px;

}

.fa-linkedin {

background: #E7841A;

color: white;

padding: 10px;

  width: 13%;

text-align: center;

text-decoration: none;

margin: 5px 2px;

border-radius: 50%;

}

.fa-youtube-f:before, .fa-youtube:before{

font-size: 20px;

}

.fa-youtube {

background: #E7841A;

color: white;

padding: 10px;

  width: 13%;

text-align: center;

text-decoration: none;

margin: 5px 2px;

border-radius: 50%;

}

.joblist .onecard{

background: #fff;

  margin-top: 40px;

  text-align: left !important;

}

.joblist td a{font-size: 20px;color: #fff;}

.joblist .fild{

padding: 20px;  

  font-weight: 700;

  color: #D96301;

  font-family: 'MontserratBold';

  font-size: 18px;"

}

.joblist{background: linear-gradient( 

120deg

, #f17d00 0%, #ebbc8a 100%) !important;}

.joblist .title h2{

font-size: 30px;

}

.seekers{ padding-top: 60px;}



.seekers .form-detail input{ width: 33%;}



.seekers .form-detail select { height: 65px;

  width: 33%;

  height: 65px;

  padding: 5px 15px;

  box-shadow: 0 4px 5px rgb(0 0 0 / 25%);

  color: #fff !important;

  border-radius: 5px;

  border: none;

  background: #435265;

  outline: none;

  font-family: 'Open Sans', sans-serif;

  font-size: 15px;}



.seekers .centerform{ max-width: 900px;}



.seekers .form-detail .chek label{

width: 95%;

}

.seekers .form-detail .chek input {

  width: 3% !important;

  }


  /*New Add*/

  .headerMain nav ul li{
padding-left: 10px;
}

.headerMain nav ul li i{
padding-right: 5px;
}

.headerMain .phone a{
margin-left: 10px;
}

.sectionbanner .banner .bannre-title span{
margin: 20px;
}

.sectionjobpanel .title span{
margin: 10px;
}

.submit {
background: #92d343;
}

.sectionbanner .banner{

}



@media (min-width: 320px) and (max-width: 767px)
.mobileHeader .logo .login {
    padding: 5px 10px;
    right: 65px;
    width: 94px;
}

@media (min-width: 320px) and (max-width: 767px)
.form-detail label {
width: 100%;
}


@media (min-width: 320px) and (max-width: 767px)
.sectionbanner .banner .bannre-title {
    
    top: 20% ;
}