body{
	padding: 0px;
	margin: 0px;
	width: 100%;
	overflow-x: hidden;
	font-family: 'Lato', sans-serif;
}

a{
	text-decoration: none;
}

a:hover{
	text-decoration: none;
}

h1{
	font-weight: 200;
	font-size: 75px;
	margin-bottom: 30px;
}

h2{
	font-weight: 600;
	font-size: 35px;
	color: #154781;
}

h2 span{
	color: #83B842;
}

p{
	color: #154781;
}

ul li:nth-child(2n){
	color: #154781;
}

ul li:nth-child(2n+1){
	color: #83B842;
}

.button{
	padding: 10px 30px;
	background: #83B842;
	border-radius: 10px;
	font-size: 25px;
	color: white;
	display: inline-block;
	margin-top: 30px;
}


/*all hero*/

   .all_hero{
   height: 65vh;
   position: relative;
   z-index: -1;
   color: white;
   padding-bottom: 50px;
   margin-bottom: 50px;
 
   background-size: 100%;
   }
   .all_hero:after{
   position: absolute;
   left: 0px;
   bottom: -150px;
   background: red;
   height: 150px;
   content: '';
   width: 140%;
   margin-left: -20%;
   background: url('../img/shadow.png');
   background-repeat: no-repeat;
   background-size: cover;
   }

   .all_hero .overlay{
   position: absolute;
   top: 0px;
   left: 0px;
   width: 100%;
   height: 100%;
   background: #282923;
   z-index: 100;
   opacity: 0.5;
   }

   	.all_hero .heroText{
	
		position: relative;
		text-align: center;
		z-index: 1000;
		padding-top: 45vh;
   }


      /*css for servicesSection*/


   .servicesSection{
      background:#154781;
      padding-bottom: 50px;
      position: relative;
      color: white;
      text-align: center;
      margin-top: 250px;
   }

   .servicesSection p{
      color: white;
      margin-top: 10px;
   }

   .servicesSection h2{
      text-align: center;
      color: white;
      margin-bottom: 50px;
   }

   .servicesSection:after{
      position: absolute;
      left: 0px;
      top: -180px;
      background: red;
      height: 180px;
      content: '';
      width: 105%;
      margin-left: -2.5%;
      background: url('../img/wave.svg');
      background-repeat: no-repeat;
      background-size: cover;
   }

   .servicesSection:before{
      position: absolute;
      left: 0px;
      bottom: -150px;
      background: red;
      height: 150px;
      content: '';
      width: 140%;
      margin-left: -20%;
      background: url('../img/shadow.png');
      background-repeat: no-repeat;
      background-size: cover;
      opacity: 0.5;
   }


   /*css for experiencesSection*/

   .experienceSection{
      padding-top: 150px;
      padding-bottom: 50px;
      position: relative;
      padding-left: 350px
   }

   .experienceSection:after{
      position: absolute;
      bottom: -00px;
      left: 0px;
      content: '';
      height: 600px;
      width: 600px;
      z-index: -1;
      background-image:url('../img/scene_filtration.gif');
      background-position:bottom left;
      background-size:contain;
      background-repeat:no-repeat;
   }


   .experienceSection h3{
      font-size: 70px;
      text-align: center;
      margin-top: 20px;
      margin-bottom: 20px;
   }

   .experienceSection h3 span{
      font-size: 20px;
      display: block;
   }

   .experienceSection form{
      display: block;
      color: #154781;
      width: 100%;
      background: #83B842;
      padding: 20px 50px;
   }

   .experienceSection form input{
      width: 100%;
      border-radius: 5px;
      border: 0px;
      padding: 4px 10px;
      color: #154781;
   }

   .experienceSection form textarea{
      width: 100%;
      border-radius: 5px;
      border: 0px;
      padding: 4px 10px;
      color: #154781;
   }

   .experienceSection form .button{
      border: 0px;
      font-size: 20px;
      background:#154781;
      color: white;
   }

   .experienceSection form p{
      margin-bottom: 0px;
      padding-top: 10px;
   }

   .experienceSection .icons{
      color: #154781;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
   }

   .experienceSection .icons .col-md-6{
   }

   .experienceSection .icons .row{
      width: 100%;
   }


/*css for testimonial*/


   .testimonial
   {
      padding-top: 10px;
    padding-bottom: 0px;
    margin-bottom: 0px;
    position: relative;
    background-size: 100%;
    background-position: top center;
    background-image: url('../img/image1.jpg');
    background-repeat: no-repeat;
   }
   .testimonial h2
   {
      text-align: center;
   }

.testimonial h4
   {
      line-height: 1.2;
    color: #83b842;
    font-weight: 600;
   }
.testimonial .col-sm-8
{
   display: flex;
   justify-content: left;
   align-items: center;

   text-align: left;
   margin-left: -20px;
}

.testimonial .col-sm-4
{
 text-align: right;
}



.custom_padding
{
    padding-top: 380px;
}


/*css for about us page*/

 .aboutSection{
   margin-top: 150px;
   margin-bottom: 100px;
   }
   .aboutSection .img{
   overflow: hidden;
   }
   .aboutSection .img img{
   width: 100%;
   }
   .our_mission:before
   {
   position: absolute;
   left: 0px;
   bottom: -150px;
   background: red;
   height: 150px;
   content: '';
   width: 140%;
   margin-left: -20%;
   background: url('../img/shadow.png');
   background-repeat: no-repeat;
   background-size: cover;
   opacity: 0.5;
   }
   .our_mission{
   background:#154781;
   padding-bottom: 50px;
   position: relative;
   color: white;
   text-align: center;
   margin-top: 250px;
   }
   .our_mission p{
   color: white;
   margin-top: 10px;
   }
   .our_mission h2{
   text-align: center;
   color: white;
   margin-bottom: 50px;
   }
   .our_mission:after{
   position: absolute;
   left: 0px;
   top: -180px;
   background: red;
   height: 180px;
   content: '';
   width: 105%;
   margin-left: -2.5%;
   background: url('../img/wave.svg');
   background-repeat: no-repeat;
   background-size: cover;
   }
   .our_mission:before{
   position: absolute;
   left: 0px;
   bottom: -150px;
   background: red;
   height: 150px;
   content: '';
   width: 140%;
   margin-left: -20%;
   background: url('../img/shadow.png');
   background-repeat: no-repeat;
   background-size: cover;
   opacity: 0.5;
   }
   .block:after {
   color: black;
   border-left: 13px solid;
   border-top: 13px solid transparent;
   border-bottom: 13px solid transparent;
   display: inline-block;
   content: '';
   position: absolute;
   right: -13px;
   }
   .block {
   background-color: black;
   width: 100px;
   height: 26px;
   display: inline-block;
   position: relative;
   }
   .card1
   {
   border-radius: 4%;
   border: 1px solid white;
   padding: 20px;
   height: 300px;
   }

   .ourValue .col-md-12
   {
      display: flex;justify-content: center;align-items: center;text-align: center;flex-direction: column;
   }

 


   /*css for our directors*/
   .our-directors-section {
   padding-top: 10px;
   padding-bottom: 40px;
   }
   .directors-content {
   margin-right: 6%;
   margin-left: 6%;
   box-sizing: border-box;
   }
   .our-directors-section .message-box-section {
   display: flex;
   justify-content: center;
   align-items: center;
   }
   .our-directors-section .inner {
   border-left: 32px solid white;
   border-top: 40px solid transparent;
   border-bottom: 40px solid transparent;
   top: 40%;
   position: absolute;
   right: -3%;
   z-index: 100;
   }
   .our-directors-section .inner1 {
    border-right: 32px solid white;
    border-top: 40px solid transparent;
    border-bottom: 40px solid transparent;
    position: absolute;
    align-items: center;
    left: -3%;
    top: 40%;
}

   .our-directors-section h3, p
   {
   color: #154781;
   }

   .our-directors-section .directors-image {
    background: url('../img/demo.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 10% 12%;
    background: #154780;

}

.our-directors-section .directors_box
{
  box-shadow: 0px 1px 8px 0 rgb(9 9 10 / 31%), 0 6px 20px 0 rgb(255, 255, 255); background: white;color: #154781;
}

/*css for project page*/
   .projectSection
   {
      padding-bottom: 100px;
      padding-top: 50px;
   }

   .projectSection ul li
   {
      font-size: 20px;

   }


/*css for services page*/
      .services
   {
      padding-bottom: 100px;
      padding-top: 50px;
   }

   .services ul li
   {
      font-size: 20px;

   }


   /*css for environment*/

   .environmentSection{
   margin-top: 100px;
   margin-bottom: 100px;
   }
   .environmentSection .img{
   overflow: hidden;
   }
   .environmentSection .img img{
   width: 100%;
   }
   .environmentSection1 .img{
   overflow: hidden;
   }
   .environmentSection1 .img img{
   width: 100%;
   }
   .environmentSection1{
   background:#154781;
   padding-bottom: 50px;
   position: relative;
   color: white;
   text-align: center;
   margin-top: 250px;
   }
   .environmentSection1 p{
   color: white;
   margin-top: 10px;
   }
   .environmentSection1 h2{
   text-align: center;
   color: white;
   margin-bottom: 50px;
   }
   .environmentSection1:after{
   position: absolute;
   left: 0px;
   top: -180px;
   background: red;
   height: 180px;
   content: '';
   width: 105%;
   margin-left: -2.5%;
   background: url('../img/wave.svg');
   background-repeat: no-repeat;
   background-size: cover;
   }
   .environmentSection1:before{
   position: absolute;
   left: 0px;
   bottom: -150px;
   background: red;
   height: 150px;
   content: '';
   width: 140%;
   margin-left: -20%;
   background: url('../img/shadow.png');
   background-repeat: no-repeat;
   background-size: cover;
   opacity: 0.5;
   }
   .environment_ul
   {
   color: white;
   text-align: left;
   }
   .environment_ul li:nth-child(2n+1) {
   color: white;
   }
   .environment_ul li
   {
   color: white;
   text-align: left;
   }
   .environment_ul li:nth-child(2n) {
   color: white;
   }
   .doble_quate
   {
   font-size: 22px;text-align: center;color: #164882;
   }


   /*css for faqs section*/

      .faqs_section
   {
      padding-bottom: 50px;
      padding-top: 50px;
   }

   .btn-link:hover {
    color: #83b842;
    text-decoration: none;
}

.btn-link {
    font-weight: 500;
    color: #83b842;
    font-size: 23px;
    text-decoration: none;
}

.card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.25rem;
    color: #154781;
        margin-left: 1.7%;
}

.card-header {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgb(255 255 255);
    border-bottom: 0px solid rgb(21 71 129 / 57%);
}

.card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgb(21 71 129 / 57%);
    border-radius: .25rem;
}
.btn i
{
   color: #154781;
}