@charset "utf-8";

/* CSS Document */

html{

 scroll-behavior: smooth;  

}

/*fontstartx*/

@font-face {
  font-family: 'Roboto-Medium';
  src:url(../fonts/Roboto-Medium.ttf);
  font-display: swap;
}

/*fontdotxends*/



/*======headertoperhexstarts===*/

.hexaheadtoppper{

  background-color: #FF4500;

  height: 40px;

}

.hexaheadtoppper a{

 color: white;

}

.hexaheadtoppper li{

  margin-top: 10px;

  list-style: none;

}

@media(max-width: 500px){

  .hexaheadtoppper a{

 color: white;

 font-size: 14px;

}

}

/*======headertoperhexends===*/



/*navstarts*/

.nav-item {

  margin-top: 15px;

    font-size: 18px;

    font-family: 'Roboto', sans-serif;

}

.navbar-light .navbar-nav  .nav-link{

  color: #FF4500;

}

.navbar-light .navbar-brand img{

  height: 50px;
  width: auto;
}



.navbar-light .navbar-toggler{

  border:none;

  color: #fff;

}



.navbar-toggler .navbar-toggler-icon {

  background-image: url(../img/icons/icons8-menu-24.png);

}







/*navends*/



/*bannerstarts*/



.cap1{

  top: 150px;

}

.cap1 h2{

  color: #FF4500;

  font-size: 50px;

  font-family: 'Anton', sans-serif;

}

.cap1 h3{

  color: #fff;

}

.cap1 p{

  font-size: 20px;

   text-decoration: none;

   color: black;

   letter-spacing: 3px;

   font-family: 'Oswald', sans-serif;

   

}



.cap1btn{

   background-color: #4CAF50;

  border: none;

  color: white;

  padding: 15px 32px;

  text-align: center;

  text-decoration: none;

  display: inline-block;

  font-size: 16px;

  margin: 4px 2px;

}

@media(max-width: 400px){

.cap1 h2{

  color: #FF4500;

  font-size: 35px;

  font-family: 'Anton', sans-serif;

}  

.navbar-light .navbar-brand img{

  height: 35px;

}

.cap1 p{

  font-size: 16px;

   text-decoration: none;

   letter-spacing: 1px;

   font-weight: 300px;

   font-family: 'Lato', sans-serif;

}

}

/*bannerends*/



/*dotxreviewstarts*/



 

.dotgotopbtnx{

  position: fixed;

  width: 50px;

  height: 50px;

  background:#FF4500;

  bottom: 40px;

  right: 20px;

  text-decoration: none;

  text-align: center;

  line-height: 50px;

  color: white;

  font-size: 20px;

  border-radius:10px; 

  outline: none;

}

/*dotxreviewends*/





/*expstrarts*/

.exp{

  margin-top: 120px; 

}

.exp1{

  background-color: #FF4500;

   padding: 2em 0;

}

.exp1 h1{

 font-size: 120px;

    color: #fff;

    font-weight: 700;

    line-height: 120px;

    margin-top: 34px;

}

.exp1 h2{

  text-transform: uppercase;

    font-size: 40px;

    letter-spacing: 7px;

     color: #fff;

}

.exp1 h3{

  font-size: 18px;

    color: #fff;

    text-transform: uppercase;

    letter-spacing: 5px;

}

.exp2 p{

  font-size: 16px;

    letter-spacing: 20px;

    color: #cccccc;

    text-transform: uppercase;

    display: block;

    margin-bottom: 30px;

    font-weight: 300;



}

.exp2 h3{

  color: black;

  margin-bottom: 0;

   font-size: 50px;

    text-transform: uppercase;

    letter-spacing: 2px;

    font-weight: 700;

}

.exp2 h2{

  color: black;

  font-size: 32px;

  /* font-weight: 100; */

  letter-spacing: 15px;

  

}

.exp2 h2 span {

    margin-bottom: 0;

    line-height: 60px;

}

.exp3 p{

  font-size: 16px;

    color: black;

    font-family: 'Lato', sans-serif;

    letter-spacing: 1px;

    font-weight: 600;

    text-align: left;

}

@media(max-width: 500px){

  .exp1 h1{

 font-size: 120px;

    color: #fff;

    font-weight: 700;

    line-height: 120px;

    margin-top: 0px;

}

}

@media(max-width: 991px){

  

.exp {

    margin-top: 25px;

}

.exp2 p{

  margin-top: 100px; 

}

}

/*expends*/

/*aboutourfoundstarts*/

.founderhex p{

font-size: 16px;

    letter-spacing: 20px;

    color: gray;

    text-transform: uppercase;

    display: block;

    margin-bottom: 30px;

    font-weight: 300;

    }

    .founderhex h2{

    color: black;

    font-size: 32px;

    /* font-weight: 100; */

    letter-spacing: 15px;

    text-transform: uppercase;

    }

    .founderhex h1{

    color: black;

    margin-bottom: 30px;

    font-size: 45px;

    text-transform: uppercase;

    letter-spacing: 2px;

    font-weight: 700;

  }

   .founderhex img{

     height:210px;

  margin-left: auto;

  margin-right: auto;

  margin-bottom: 30px;

   }

   .founderhex p1{

     font-size: 20px;

  color:black;

  font-family: 'Oswald', sans-serif;

   }

   .founderhex1 p{

    font-size: 19px;

    color: black;

    font-family: 'Lato', sans-serif;

   }

/*aboutourfoundends*/









/**hexatestomonialsstarts**/

.hexaping{

  padding-top: 40px;

}

.hexcustomer img {

    height: 100px;

    border-radius: 51%;

    width: 100px;

    margin-top: 0px;

    border-style: solid;

    border-width: 1px 1px 1px 1px;

}

.hexacard2{

  margin-top: 30px;

}

.hexatestomonialsstarts{

  margin-top: 100px;

}



.hexatestomonialsstarts 

h1{

  margin-bottom: 50px;

    font-family: 'Bebas Neue', cursive;

    color: black;

    font-size: 60px;

}

.testimgfa p{

  font-family: 'Lato', sans-serif;

}

.testimgfa h4{

  letter-spacing: 2px;

  text-transform: uppercase;

  color: black;

  margin-bottom: 20px;

  font-family: 'Roboto Condensed', sans-serif;

}

.hexleakfoetestimonial h1{

    color: black;

    margin-bottom: 30px;

    font-size: 45px;

    text-transform: uppercase;

    letter-spacing: 2px;

    font-weight: 700;

  }

.hexleakfoetestimonial p {

  font-size: 15px;

    letter-spacing: 20px;

    color: gray;

    text-transform: uppercase;

    display: block;

    margin-bottom: 30px;

    font-weight: 300;

}

.hexatestfoe{

  margin-top: 150px;

}

.hexastars .fa{

color: gold;

}

.cardtest3 {

  width: 21rem;

    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-radius: 10px;

     margin: 0 auto; 

    float: none; 

    margin-bottom: 40px;

        height: 330px;

        box-shadow: 0px 4px 8px 5px rgba(0,0,0,0.37);

}

  .page-title1 .card-img-top1 img{

       width: 30%;

  }

  .glide__slides {

    position: relative;

    width: 100%;

    list-style: none;

    backface-visibility: hidden;

    transform-style: preserve-3d;

    touch-action: pan-Y;

    overflow: hidden;

    padding: 0;

    white-space: nowrap;

    display: flex;

    flex-wrap: nowrap;

    padding-top: 10px;

    will-change: transform;

}

  @media (max-width: 1199px){

    .cardtest3 {

    width: 17rem;

    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-radius: 10px;

    margin: 0 auto;

    float: none;

    margin-bottom: 40px;

    height: 374px;

    box-shadow: 0px 4px 8px 5px rgba(0,0,0,0.37);

}

  }

@media (max-width: 500px){

  .cardtest3 {

  width: 18rem;

    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-radius: 10px;

     margin: 0 auto; 

    float: none; 

    margin-bottom: 40px;

        height: 333px;

      box-shadow: 0px 4px 8px 5px rgba(0,0,0,0.37);

}

}



/**hexatestomonialsends**/



/*testimonialsends*/









/*SAVEWATWERstarts*/

 .savedotx{

   margin-top: 120px; 

  margin-bottom:50px; 

 }

.savedotx1 p{

    font-size: 16px;

    letter-spacing: 20px;

    color: #cccccc;

    text-transform: uppercase;

    display: block;

    margin-bottom: 30px;

    font-weight: 300;

}

.savedotx1 h2{

  color: black;

    font-size: 32px;

    /* font-weight: 100; */

    letter-spacing: 15px;

}

.savedotx1 h1{

 color: black;

   margin-bottom: 30px;

    font-size: 45px;

    text-transform: uppercase;

    letter-spacing: 2px;

    font-weight: 700;

}

.savedotx2{

  background:url(../img/savewater.jpg);

  background-repeat: no-repeat;

  background-position: center center;

  background-size: cover;

  height: 400px;

}

.savedotx2 h2{

  color: #fff;

   font-family: 'Oswald', sans-serif;

   padding-top: 70px;

}

.savedotx2btn{

   background-color: #FF4500;

  border: none;

  color: white;

  padding: 15px 32px;

  text-align: center;

  text-decoration: none;

  display: inline-block;

  font-size: 16px;

  margin: 4px 2px;

}

/*SAVEWATWERends*/



/*technostarts*/

.dotx{

  margin-top: 200px; 

  margin-bottom:50px; 

} 



.tech1 p{

  font-size: 16px;

    letter-spacing: 20px;

    color: #cccccc;

    text-transform: uppercase;

    display: block;

    margin-bottom: 30px;

    font-weight: 300;

}

.tech1 h2{

  color: black;

    font-size: 32px;

    /* font-weight: 100; */

    letter-spacing: 15px;

}

.tech1 h1{

 color: black;

   margin-bottom: 30px;

    font-size: 45px;

    text-transform: uppercase;

    letter-spacing: 2px;

    font-weight: 700;

}

.tech p1{

 

  font-size: 16px;

  color: gray;



}

@media(max-width: 991px){

  

.dotx {

   margin-top: 50px;

}

}

/*technoends*/





/*why chosse us starts*/

.hexyus{

  margin-bottom: 40px;

}

.hexyus img{

    height: 70px; 

    margin-bottom: 30px;   

}

.hexyus h4{

  text-transform: uppercase;

  font-family: 'Roboto Condensed', sans-serif;

}

.hexyus p1{

 font-family: 'Lato', sans-serif;

    color: black;

    font-size: 19px;

}

/*why chosse us ends*/



/*counterstarts*/

.box1{

  height: 50vh;

  width: 100%;

  background-image: url(../img/leakfoeserv6.jpg);

  background-size:cover;

  background-position: center;

  display: table;

  background-attachment: fixed;

  margin-bottom: 70px;

}

.counter-section{

  margin: 10% auto;

  color: #fff;

}

.icon-box{

  border: 3px solid black;

  height: 100px;

  width: 100px;

  margin: 20px auto;

  transform: rotate(45deg);

}

.icon-box .fa{

  font-size: 40px;

  margin: 25px auto;

  color: #FF4500;

  transform: rotate(-45deg);

}

.counter-box p{

  font-size: 20px;

  color: black;

}

.counter-box .counter{

  font-size: 80px;

}

/*counterends*/





/*--offerstarts--*/



.dotxoffer {

  margin-top: 100px;

  margin-bottom: 50px;

}

.dotxoffer p{

   font-size: 16px;

    letter-spacing: 20px;

   color: gray;

    text-transform: uppercase;

    display: block;

    margin-bottom: 30px;

    font-weight: 300;

}

.dotxoffer h2{

  color: black;

  font-size: 32px;

  /* font-weight: 100; */

  letter-spacing: 15px;

  text-transform: uppercase;

}

.dotxoffer h1{

 color: black;

   margin-bottom: 30px;

    font-size: 45px;

    letter-spacing: 2px;

    font-weight: 700;

    text-transform: uppercase;

}



.dotxoffer .dx img{

  height: 70px;

  line-height: 64px;

    position: absolute;

    top: 0;

    left: 0;

}

.dotxoffer .dotxoff{

padding-left: 73px;

    padding-top: 19px;

}

.dotxoffer .dotxoff h4{

  line-height: 30px;

   font-family: 'Roboto Condensed', sans-serif;

}

.dotxoffer .dotxoff p{

  line-height: 1.7;

    letter-spacing: 0px;

    display: block;

    font-weight: 545;

    color: black;

    font-family: 'Lato', sans-serif;

  }

.dotxoff a{

text-decoration: none;

}

.dxo1 {

    padding-left: 2em;

}

@media(max-width: 767px){

  

.dxo2{

  margin-top: 40px;

}

.dotxoffer1{

 margin-left: -30px;

}

}



/*--offerends--*/





/*--servicesstarts--*/

.hexaleakfpeservicesstarts{

  margin-top: 0px;

  margin-bottom: 100px;

}

.hexaleakfpeservicesstarts1{

  margin-top: 50px;

}

.hexaleakfpeservicesstarts1 p{

  font-size: 16px;

    letter-spacing: 20px;

    color: gray;

    text-transform: uppercase;

    display: block;

    margin-bottom: 30px;

    font-weight: 300;

}

.hexaleakfpeservicesstarts1 h1{

color: black;

    margin-bottom: 30px;

    font-size: 45px;

    text-transform: uppercase;

    letter-spacing: 2px;

    font-weight: 700;

  }

  .hexaleakfpeservicesstarts2 img{

    height: 180px;

  }

  .hexaleakfpeservicesstarts3{

  color: black;

    margin-bottom: 30px;

    font-size: 45px;

    letter-spacing: 2px;

    font-weight: 700;

    text-transform: uppercase;

  }

  .hexaleakfpeservicesstarts3 h2{

  color: black;

    font-size: 32px;

    /* font-weight: 100; */

    letter-spacing: 15px;

    text-transform: uppercase;

  }

.hexaleakfpeservicesstarts3 h1{

  color: black;

    margin-bottom: 30px;

    font-size: 45px;

    text-transform: uppercase;

    letter-spacing: 2px;

    font-weight: 700;

}

.hexaleakfpeservicesstarts5{

  margin-top: 50px;

}

.hexaleakfpeservicesstarts5 p{

font-size: 19px;

    color: black;

    font-family: 'Lato', sans-serif;

}



  @media(max-width: 500px){

.hexaleakfpeservicesstarts2 img {

    height: 119px;

    text-align: center;

}

.hexaleakfpeservicesstarts5{

  margin-top: 20px;

}

  }



/*leakfoehexachipxrenovationstarts*/

.hexaleakfpeservicesstarts6{

  margin-top: 50px;

}

.hexaleakfpeservicesstarts8 img{

  height: 300px;

    width: 262px;

}

@media(max-width: 500px){

.hexaleakfpeservicesstarts8 img {

    height: 200px;

    width: 150px;

}

}

/*leakfoehexachipxrenovationends*/



/*--servicesends--*/





/**healthhexastarts**/

.healthhexastarts{

  margin-bottom: 120px;

  margin-top: 130px;

}

.healthhexastarts1 p {

    font-size: 16px;

    letter-spacing: 20px;

    color: gray;

    text-transform: uppercase;

    display: block;

    margin-bottom: 30px;

    font-weight: 300;

}

.healthhexastarts1 h1 {

    color: black;

    margin-bottom: 30px;

    font-size: 45px;

    text-transform: uppercase;

    letter-spacing: 2px;

    font-weight: 700;

}

.healthhexastarts2 img{

  height: 70px;

  margin-bottom: 10px;

}

.hexatim{

  margin-top: 10px;

  margin-bottom: 10px;

}

.hexatim h4 {

    font-family: 'Roboto Condensed', sans-serif;

}



.hexatim1{

  margin-top: 10px;

  margin-bottom: 10px;

}

.hexatim1 h4 {

    font-family: 'Roboto Condensed', sans-serif;

    margin-bottom: 30px;

}



/**healthhexaends**/



/*dotxblogstarts*/

.dotxblog{

  margin-top: 80px;

}

.dotxblog p{

   font-size: 16px;

    letter-spacing: 20px;

    color: #cccccc;

    text-transform: uppercase;

    display: block;

    margin-bottom: 30px;

    font-weight: 300;

}

.dotxblog h2{

  color: black;

  font-size: 32px;

  /* font-weight: 100; */

  letter-spacing: 15px;

  

}

.dotxblog h1{

 color: black;

   margin-bottom: 30px;

    font-size: 45px;

    text-transform: uppercase;

    letter-spacing: 2px;

    font-weight: 700;

}

.dotxblog p1{

    color: gray;

    font-size: 16px;

     font-family: 'Oswald', sans-serif;

}

.dotxlog1{

      position: relative;

    display: block;

    background-color: #fafafa;

    padding: 1.5em;

    margin-bottom: 30px;

}



.dotxlog1 img{

  height: 20px;

  width: 150px;

}





.dotxlog1 h3{

    color: black;

    font-family: 'Roboto Condensed', sans-serif;

    

  }

  .dotxlog1 p{

     margin-top: 0px;

     color: #999999;

    display: block;

    margin-bottom: 10px;

    text-transform: uppercase;

    letter-spacing: 3px;

    font-size: 14px;

  }

  .dotxlog1 .content{

padding-left: 160px;

}



/*dotxblogends*/





/*dotxteamstarts*/

 

/*dotxteamends*/





/*footerstarts*/



.dotxfoot{

  background-color: #2C3E50  ;

}

.dotxfoot .social-box .fa{

    font-size: 17px;

    color: #ffc800;

    width: 25px;

}

 .dotxfoot .footx1 h1{

  color: #fff;

   margin-top: 40px;

 }

 .dotxfoot .footx1 p{

  color: #fff;

  font-size: 16px;

      font-weight: 300;

       margin-top: 20px;

       font-family: 'Oswald', sans-serif;

 }

 .dotxfoot .footx2 h4{

    color: white;

    font-size: 25px;

    font-family: Roboto-Medium;

     margin-top: 50px;

  }

  .dotxfoot .footx2 h3{

    color: white;

    font-family: 'Roboto Condensed', sans-serif;

    

  }

  .dotxfoot .footx2 p{

     color: white;

     margin-top: 40px;

  }

 .dotxfoot .footx3 ul{

  list-style-type: none;

padding: 0;

margin: 0;

text-align: left;

 }

 .dotxfoot .footx3 li{

    margin: 0px 0 10px 0; 

padding-right: .6em;

list-style: none;

 }



 .dotxfoot .footx3 li a{

  color: rgba(255, 255, 255, 0.9);

  text-decoration: none;

 margin: 0px 0 10px 0;

  font-family: 'Oswald', sans-serif;

 }

  .dotxfoot .footx3  h4{

    color: white;

    font-size: 25px;

   font-family: Roboto-Medium;

   margin-top: 50px;

  }

  .dotxfoot .footx3 p{

    color: #fff;

     margin-top: 40px;

      font-family: 'Oswald', sans-serif;

  }



  .dotxfoot .footx3 .fa{

    color: #ffc800;

    width: 23px;

    font-size: 21px;

  }

 .dotxcopy {

    margin-top: 10%;

    color: white;

    font-weight: 700;

    margin-bottom: 100px;

}

/*footerends*/
/********customerfeed***********/
.testimonialshexachipx1{
  margin-top: 50px;
}
.hexaleakfpeservicesstarts15 h1 {
    color: black;
    margin-bottom: 30px;
    font-size: 45px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 700;
}
.hexaleakfpeservicesstarts15 p {
    font-size: 16px;
    letter-spacing: 20px;
    color: gray;
    text-transform: uppercase;
    display: block;
    margin-bottom: 30px;
    font-weight: 300;
}
@media(max-width: 500px){
.hexaleakfpeservicesstarts15 p {
    font-size: 12px;
    letter-spacing: 5px;
    color: gray;
    text-transform: uppercase;
    display: block;
    margin-bottom: 30px;
    font-weight: 300;
}
}
/********customerfeed***********/

.replaseimg img{
  margin-top: 33px; 
  height: 504px;
}
@media(max-width: 500px){
  .replaseimg img{
    height: 262px;
    margin-bottom: 44px;
  }
}

.jumpimg img {
  margin-bottom: 20px;
  height: 220px;
  width: 284px;
}
.bgcounter{
  background-color: #20265a;
  padding-top: 53px;
  padding-bottom: 53px;
}
.h123tag1 p {
  font-family: Poppins-Light;
  color: black;
  font-size: 18px;
}

.befor p{
  color: black;
  text-align: center;
  font-weight: bold;
  font-size: 20px;
}
.emptyspace{
  padding-bottom: 20px;

}

.innerbox12{
  padding-bottom: 80px;
}
.logclihex img{
  height: 177px;
}
.expertise {
  background: #f8f8f8;
  padding-bottom: 50px;
  padding-top: 50px;
}


/*********EndCardServices**************/
.reviewcard {
    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-radius: .25rem;
    margin-left: auto;
    margin-right: auto;
    border-radius: 8px;
    padding: 16px 0 0;
    margin: 0 16px 24px;
    box-shadow: 0 7px 23px 0 #ddd;
    height: 391px;
    width: 25rem;
}

.reviewcard img {
    height: 300px;
    width: 25rem;
    border-radius: 12px;
    margin-bottom: 17px;
    border-bottom-left-radius: 0px!important;
    margin-top: -22px;
    border-bottom-right-radius: 0px!important;
}

.reviewcard h2{
  font-family: Poppins-Bold;
  color: black;
  font-size: 20px;
}


@media (max-width: 550px) {
  .reviewcard {
    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-radius: .25rem;
    margin-left: auto;
    margin-right: auto;
    border-radius: 16px;
    padding: 16px 0 0;
    margin: 0 16px 24px;
    box-shadow: 0 7px 23px 0 #ddd;
    height: 405px;
    width: 24rem;
  }
  .reviewcard img {
    height: 300px;
    width: 24rem;
    border-radius: 20px;
    margin-bottom: 17px;
    border-bottom-left-radius: 0px!important;
    margin-top: -19px;
    border-bottom-right-radius: 0px!important;
}
}
/*********EndCardServices**************/

.servicesimages img{
    height: 10px;
    margin-top: 30px;
    margin-bottom: 21px;
}