@import url('https://fonts.googleapis.com/css2?family=Ubuntu&display=swap');

*{padding: 0;
 margin:0;
 /*font-family: 'Teko', sans-serif;
font-family: 'Ubuntu', sans-serif;*/
font-family:'Trebuchet MS', Tahoma, sans-serif;
line-height: normal;
}

body{
  font-family:'Trebuchet MS', Tahoma, sans-serif;

}

/*************LOGO & HEADING********************/
.section1{
  display: flex;
}

.aguarlogo{
  display:flex;
  padding-left: 100px;
  width: 8%;
}
.aguarheading{
  width: 92%;
  display: flex;
  justify-content: center;
  align-items: center;
  justify-content: flex-end;
  padding-right: 40px;
  font-size: 18px;
  font-weight:600;
  letter-spacing:2px;
  color:#111111;
}
.aguarheading p{
color:#112C66;
margin:0;
}
/*************LOGO & HEADING SECTION END********************/




/*************NAVBAR SECTION********************/
.menubar .active {
  background-color: #112C66;
}


.menubar{
  border-bottom: 5px solid rgb(76, 194, 61);
  background-color: #2b96c0;
  width:100%;
 display: flex;
 justify-content: center;
 align-items: center;
 justify-content: right;
 margin: 0px;
}

ul{
  list-style: none;
  background: #2b96c0;
  margin:0;
}

ul li{
  display: inline-block;
  position: relative;
  margin: 0;
}

ul li a{
  display: block;
  padding: 8px 65px;
  color:#fff;
  text-decoration: none;
  text-align: center;
  font-size: 13px;
}

ul li ul.dropdown li{
  display:block;
}

ul li ul.dropdown{
  width:100%;
  background: 22438c;
  position: absolute;
  z-index:999;
  display:none;
}

ul li a:hover
{
  background: #112C66;
  text-decoration: none;
  color: white;
}

ul li:hover ul.dropdown{
  display: block;
}

/*************NAVBAR SECTION END********************/



/*************INTRODUCTION TEXT SECTION********************/
.intro {
padding-left: 15%;
padding-right: 15%;
padding-top: 50px;
padding-bottom: 80px;
font-size: 16px;
line-height: 150%;

}
.intro p{
text-align:justify;

}
.introhead{
  padding-bottom: 3%;
  font-size: 22px;
  font-weight: 600;
  letter-spacing:1px;
}
/*************INTRODUCTION TEXT SECTION END********************/


/*************INDUSTRIES WE SERVE SECTION********************/

.industriesweserveRow{
  display: flex;
  justify-content: center;
  align-items: center;
}

.industriesweserve{
  padding: 25px 25px;
  background-color: #f1f0f7;
}
.industriesweserveImg img{
  max-width: 100%;
  border: 10px solid #e4ebfc;
  border-radius: 50%;
}

.industriesweserveHeading{
  text-align: center;
  padding: 25px;
  font-weight: bold;
}

.heading{
  text-align: center;
  color: rgb(53, 109, 176);
  font-size: 26px;
  padding-top: 45px;
  padding-bottom: 65px;
  
}
/*************INDUSTRIES WE SERVE SECTION END********************/



/*************ABOUT US SECTION********************/
.Aboutblocksection1{
  background-color:#e5e9d6;
  padding: 3% 5% 3% 5%;
  margin: 5% 13% 8% 13%;
  font-size: 16px;
  border-radius: 7px;
 box-shadow: 2px 5px #d6d4d4;
 line-height: 140%;
 text-align:justify;
 
}

.Aboutblocksection1 h2{
 padding-bottom: 22px;
 text-align: center;
 font-size: 22px;
 letter-spacing: 1px;
}


.Aboutblocksection2{
  background-color:#e4dfd6;
  padding: 3% 5% 3% 5%;
  margin: 5% 14% 5% 14%;
  font-size: 16px;
  border-radius: 7px;
  box-shadow: 2px 5px #d6d4d4;
 line-height: 140%;
 text-align:justify;
 }


.Aboutblocksection2 h2{
 padding-bottom: 22px;
 text-align: center;
 font-size: 20px;
 letter-spacing: 1px;
}
/*************ABOUT US SECTION END********************/



/************CHEMICAL TEXT SECTION********************/

.producttype{
  background-color: #5b96c0;
  border: 1px solid #515E73;
  padding: 35px;
  cursor: pointer;
  text-decoration: none;
  font-size:16px;
  color: white;
  }

.chemicalColumn a {
  text-decoration: none;
}

.chemicalMainSection{
  display: flex;
  
}
.chemicalMainSection1{
  padding-right: 20px;
width: 70%;
}

.chemicalMainSection2{
  width: 30%;
  text-align: center;
  }

.chemicalTitle{
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom: 22px;
}

.chemicalRow{
  background-color:#c4dff6;
  padding: 3% 5% 3% 5%;
  margin: 2% 0% 5% 2%;
  font-size: 16px;
  border-radius: 7px;
  box-shadow: 1px 4px #b6c4e4;
 line-height: 140%;
 }

 .chemicalProducts{
  display: flex;
 }

 .chemicalColumn{
  width:30%;
  text-align: center;
  margin-top: 2%;
  margin-left: 5px;
  
  }
 .allchemicalrow{
  width: 68%;
 }

 .chemicalRow2{
  background-color:#c4dff6;
  padding: 3% 5% 3% 5%;
  margin: 2% 0% 10% 2%;
  font-size: 16px;
  border-radius: 7px;
  box-shadow: 1px 4px #b6c4e4;
 line-height: 140%;
 text-align: center;
 }

 .chemicalTitle h2{
  font-size: 22px;
  letter-spacing: 1px;
  text-align: center;
 }
/************CHEMICAL TEXT SECTION END********************/




/************TECHNICAL SERVICES BLOCK SECTION********************/
/*****BLOCK SECTION 1***********/
.technicalServicesRow1{
  background-color:#c4dff6;
  padding: 3% 5% 3% 5%;
  margin: 2% 0% 5% 2%;
  font-size: 16px;
  border-radius: 7px;
  box-shadow: 1px 4px #b6c4e4;
 line-height: 140%;
 }

.technicalServicesblock1{
  padding-right: 20px;
width: 100%;
}
/*****BLOCK SECTION 1 END***********/

/*****BLOCK SECTION 2***********/
.technicalServicesRow2{
  background-color:#c4dff6;
  padding: 3% 5% 3% 5%;
  margin: 2% 0% 5% 2%;
  font-size: 16px;
  border-radius: 7px;
  box-shadow: 1px 4px #b6c4e4;
 line-height: 140%;
 }
.technicalServicesblock2{
  padding-right: 20px;
width: 100%;
}
/*****BLOCK SECTION 2 END***********/

/*****BLOCK SECTION 3***********/
.technicalServicesRow3{
  background-color:#c4dff6;
  padding: 3% 5% 3% 5%;
  margin: 2% 0% 5% 2%;
  font-size: 16px;
  border-radius: 7px;
  box-shadow: 1px 4px #b6c4e4;
 line-height: 140%;
 }
.technicalServicesblock3{
  padding-right: 20px;
width: 100%;
}
/*****BLOCK SECTION 3 END***********/

/*****BLOCK SECTION 4***********/
.technicalServicesRow4{
  background-color:#c4dff6;
  padding: 3% 5% 3% 5%;
  margin: 2% 0% 5% 2%;
  font-size: 16px;
  border-radius: 7px;
  box-shadow: 1px 4px #b6c4e4;
 line-height: 140%;
 }
.technicalServicesblock4{
  padding-right: 20px;
width: 70%;
}
/*****BLOCK SECTION 4 END***********/

/*****BLOCK SECTION 5***********/
.technicalServicesRow5{
  background-color:#c4dff6;
  padding: 3% 5% 3% 5%;
  margin: 2% 0% 5% 2%;
  font-size: 16px;
  border-radius: 7px;
  box-shadow: 1px 4px #b6c4e4;
 line-height: 140%;
 }
.technicalServicesblock5{
  padding-right: 20px;
width: 70%;
}
/*****BLOCK SECTION 5 END***********/

/*****BLOCK SECTION 6***********/
.technicalServicesRow6{
  background-color:#c4dff6;
  padding: 3% 5% 3% 5%;
  margin: 2% 0% 5% 2%;
  font-size: 16px;
  border-radius: 7px;
  box-shadow: 1px 4px #b6c4e4;
 line-height: 140%;
 }
.technicalServicesblock6{
  padding-right: 20px;
width: 70%;
}
/*****BLOCK SECTION 6 END***********/

/*****BLOCK SECTION 7***********/
.technicalServicesRow7{
  background-color:#c4dff6;
  padding: 3% 5% 3% 5%;
  margin: 2% 0% 5% 2%;
  font-size: 16px;
  border-radius: 7px;
  box-shadow: 1px 4px #b6c4e4;
 line-height: 140%;
 }
.technicalServicesblock7{
  padding-right: 20px;
width: 70%;
}
/*****BLOCK SECTION 7 END***********/
/************TECHNICAL SERVICES SECTION END********************/




/************EQUIPMENT SECTION********************/
/*****BLOCK SECTION 1***********/
.equipmentRow1{
  background-color:#c4dff6;
  padding: 3% 5% 3% 5%;
  margin: 2% 0% 5% 2%;
  font-size: 16px;
  border-radius: 7px;
  box-shadow: 1px 4px #b6c4e4;
 line-height: 140%;
 }

.equipmentblock1{
  padding-right: 20px;
width: 100%;
}
/*****BLOCK SECTION 1 END***********/

/*****BLOCK SECTION 2***********/
.equipmentRow2{
  background-color:#c4dff6;
  padding: 3% 5% 3% 5%;
  margin: 2% 0% 5% 2%;
  font-size: 16px;
  border-radius: 7px;
  box-shadow: 1px 4px #b6c4e4;
 line-height: 140%;
 }
 .equipmentblock2{
  padding-right: 20px;
width: 100%;
}
/*****BLOCK SECTION 2 END***********/

/*****BLOCK SECTION 3***********/
.equipmentRow3{
  background-color:#c4dff6;
  padding: 3% 5% 3% 5%;
  margin: 2% 0% 5% 2%;
  font-size: 16px;
  border-radius: 7px;
  box-shadow: 1px 4px #b6c4e4;
 line-height: 140%;
 }
 .equipmentblock3{
  padding-right: 20px;
width: 100%;
}
/*****BLOCK SECTION 3 END***********/

/*****BLOCK SECTION 4***********/
.equipmentRow4{
  background-color:#c4dff6;
  padding: 3% 5% 3% 5%;
  margin: 2% 0% 5% 2%;
  font-size: 16px;
  border-radius: 7px;
  box-shadow: 1px 4px #b6c4e4;
 line-height: 140%;
 }
 .equipmentblock4{
  padding-right: 20px;
width: 70%;
}
/*****BLOCK SECTION 4 END***********/

/*****BLOCK SECTION 5***********/
.equipmentRow5{
  background-color:#c4dff6;
  padding: 3% 5% 3% 5%;
  margin: 2% 0% 5% 2%;
  font-size: 16px;
  border-radius: 7px;
  box-shadow: 1px 4px #b6c4e4;
 line-height: 140%;
 }
 .equipmentblock5{
  padding-right: 20px;
width: 70%;
}
/*****BLOCK SECTION 5 END***********/

/*****BLOCK SECTION 6***********/
.equipmentRow6{
  background-color:#c4dff6;
  padding: 3% 5% 3% 5%;
  margin: 2% 0% 5% 2%;
  font-size: 16px;
  border-radius: 7px;
  box-shadow: 1px 4px #b6c4e4;
 line-height: 140%;
 }
 .equipmentblock6{
  padding-right: 20px;
width: 70%;
}
/*****BLOCK SECTION 6 END***********/

/*****BLOCK SECTION 7***********/
.equipmentRow7{
  background-color:#c4dff6;
  padding: 3% 5% 3% 5%;
  margin: 2% 0% 5% 2%;
  font-size: 16px;
  border-radius: 7px;
  box-shadow: 1px 4px #b6c4e4;
 line-height: 140%;
 }
 .equipmentblock7{
  padding-right: 20px;
width: 70%;
}
/*****BLOCK SECTION 7 END***********/

/*****BLOCK SECTION 8***********/
.equipmentRow8{
  background-color:#c4dff6;
  padding: 3% 5% 3% 5%;
  margin: 2% 0% 5% 2%;
  font-size: 16px;
  border-radius: 7px;
  box-shadow: 1px 4px #b6c4e4;
 line-height: 140%;
 }
 .equipmentblock8{
  padding-right: 20px;
width: 70%;
}
/*****BLOCK SECTION 8 END***********/

/*****BLOCK SECTION 9***********/
.equipmentRow9{
  background-color: #c4dff6;
  padding: 3% 5% 3% 5%;
  margin: 2% 0% 5% 2%;
  font-size: 16px;
  border-radius: 7px;
  box-shadow: 1px 4px #b6c4e4;
 line-height: 140%;
 }
 .equipmentblock9{
  padding-right: 20px;
width: 70%;
}
/*****BLOCK SECTION 9 END***********/
/************EQUIPMENT SECTION END********************/



/************BANNER IMAGE SECTION********************/
.contactsection img{
 width: 100%;
 height: auto;
}
/************BANNER IMAGE SECTION END********************/



/************ GET IN TOUCH WITH US! CONTACT US SECTION********************/
.address{
 display: flex;
 
}
.getintouch{
 background-color: #eaf2f3;
 padding: 5% 10%;
 /*border: 10px solid;*/
 border-radius: 7px;
 box-shadow: 2px 5px #dfdede;
 }

 .getintouch h1{
   color: #112C66;
   font-size: 24px;
 }
.separate{
  padding: 20px;
}

.getintouch1{
 background-color: #f3f0ea;
 padding: 5% 5%;
 /*border: 10px solid;*/
 border-radius: 7px;
 box-shadow: 2px 5px #dfdede;
 }

 .getintouch1 h1{
   color: #112C66;
   font-size: 24px;
 }

.icon,.content{
 padding: 6px 10px;
 font-size: 17px;
}
.icon{
 color: #112C66;
}

.contactInfo{
 padding-top:50px;
 padding-bottom: 70px;
 display: flex;
 justify-content:center;
 align-items: center;
 
}

#spacing{
 padding-bottom: 35px;
}
#spacing1{
  padding-bottom: 45px;
 }

/************ GET IN TOUCH WITH US! CONTACT US SECTION END*******************/

/**************PRODUCT CONTENT******************/
.text-big
{
  padding-top: 60px;
font-size: 30px;
}



.section{
    
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    max-width: 80%;
    margin: auto;
}
.section-left{
    flex-direction: row-reverse;
}

.paras
{
    padding: 50px 125px;
}


.thumbnail img{
    border: 2px solid black;
    border-radius: 26px;
}
/**************PRODUCT CONTENT END******************/



/************FOOTER SECTION*******************/
.footer{
 background-color: #112C66;
 color: #fff;
 font-size: 15px;
 padding: 80px 0px 40px;
}

.footer p
{
 padding: 10px;
text-align: center;
}

.footer p span
{ 
 padding: 18px;
}
.footer p span a:hover
{
 color: rgb(92, 188, 79);
}


.footer a{
  text-decoration: none;
  color: white;
}
.copyright
{
 color: #999;
}
/************ FOOTER SECTION END*******************/


/************ HAMBURGER MENU*******************/
.burger
{
position: absolute;
cursor: pointer;
right: 3%;
top: 5%;

}
.line{
   width:33px;
  
   height: 4px;
   margin: 3px 3px;
}
/************ HAMBURGER MENU END*******************/