@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;700&family=Roboto:wght@400;700&display=swap');
/* font-family: 'Nunito', sans-serif;
font-family: 'Roboto', sans-serif; */
 * {
  margin: 0;
  padding: 0;
  overflow: inline 0;
  font-family: 'Nunito', sans-serif;
  font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
}
html{
  scroll-behavior: smooth;
}
.logo {
  display: flex;
  justify-content: center;
  text-align: center;
  margin-top: 10px;
 
}
.logo img {
  width: 40%;
  
}
.nav-bar {
  display: flex;
  justify-content: center;
  align-items: center;
  position: sticky;
  top: 0px;
}

.navlist {
  width: 70%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
}
.navlist li {
  list-style: none;
  /* padding: 10px; */
}
.navlist li a {
  text-decoration: none;
  color: rgb(0, 0, 0);
  font-weight: 600;
  font-family: 'Nunito', sans-serif;
  padding: 0px 20px;
}
.navlist li a:hover {
  color: aqua;
}

/* query form css */
.query-box{
  /* top: 200px; */
  max-width: 85%;
  margin: auto;
  /* float: right;
  margin-right: 20px; */
}



/* testimonials css */

.testimonials {
  width: 80%;
  margin: auto;
  padding-top: 10px;
  text-align: center;
}

.testimonials .row{
  justify-content: space-around;
}

.testimonials h1{
  color: #000;
  justify-content: center;
} 


.testimonials-col{
  flex-basis: 94%;
  border-radius: 10px;
  margin-bottom: 5%;
  text-align: left;
  background: #e7e5e5;
  padding: 25px;
  cursor: pointer;
  /* display: flex; */
  
}

.testimonials-col:hover{
  box-shadow: 0 0 20px 0 rgb(35,96,97);
}


.testimonials-col img{
  height: 40px;
  border-radius: 50%;
  margin-left: 5px;
  margin-right: 35px ;
}

.testimonials-col p{
  padding: 0;
}

.testimonials-col h3 {
  margin-top: 15px;
  text-align: left;
} 

/* iframe css  */

.map{
max-width: 90%;
margin: auto;
}






.text-center.main-form{
margin-top: 400px;
}

.button-adject button{
  

  background:transparent;
  color: white; 
  border: 2px solid rgb(231, 230, 230);
}
.button-adject button:hover{
 background: black;
 
}


.btn-sm {
  padding: 5px 10px;
  margin: 15px;
  border: 2px solid white;
  border-radius: 15px;
  color: rgb(14, 13, 13);
  cursor: pointer;
}
#search {
  padding: 5px;
  margin-left: 10px;
  font-size: 17px;
  border: none;
  outline: none;
  border: 2px solid rgb(17, 16, 16);
  border-radius: 20px;
  /* background: transparent; */
}

.btn {
  font-family: 'Roboto', sans-serif;
  padding: 10px 20px;
  margin: 5px;
  border: 2px solid white;
  border-radius: 15px;
  font-size: 16px;
  background: transparent;
  color: white;
  cursor: pointer;
}
.slider-btn{
  margin-top: 10px;
  display: inline-block;
  text-decoration: none;
  background: rgb(35, 90, 90);
  color: aliceblue;
  font-size: 17px;
  padding: 5px 10px;
  border: 2px solid rgb(90, 141, 141);
  border-radius: 30px;
}
.slider-btn:hover{
  background-color: rgb(58, 27, 27);
  color: white;
  
}
.background {
  background: url(../images/image/Home-cover-photo.jpeg);
  background-size: cover;
  background-blend-mode: darken;
  width: 100%;
}
.boxmain {
  display: flex;
  text-align: center;
  align-items: center;
  color: aliceblue;
  font-family: 'Nunito', sans-serif;
  max-width: 60%;
  margin: 0 12rem;
  text-align: center;
  height: 90%;
}
.firsthalf {
  width: 80%;
  text-align: center;
  justify-content: center;
}
.secondhalf {
  width: 30%;
}

.secondhalf img {
  width: 20rem;
  border: 4px solid black;
  border-radius: 20px;
   
}
.secondhalf img:hover{
  -webkit-transition: 0.4s ease;
  transition: 0.8s ease;
  -webkit-transform: scale(1.08);
  transform: scale(1.08); 
}
.firstsection {
  /* height: 100vh; */
}
.textbig {
  font-size: 30px;
  font-weight: 600;
  font-family: 'Nunito', sans-serif;

}
.textsmall{
  margin-top: 26px;
  word-spacing: 4px;
  font-family: 'Nunito', sans-serif;
  font-weight: 400;
}
.secondsection{
    text-align: left;
    align-items: center;
    justify-content: space-evenly;
    display: flex;
    max-width: 80%;
    margin: auto;
    height: 50vh; 
}
.secondimage img{
    width: 50vh;
    margin-left: 30px;
    border: 2px solid black;
    border-radius: 10px;
  }
  .secondimage img:hover{
    -webkit-transition: 0.4s ease;
    transition: 0.8s ease;
   -webkit-transform: scale(1.08);
   transform: scale(1.08); 
   box-shadow: 10px 8px  #888888;
}
.leftsection{
    text-align: left;
    align-items: center;
    justify-content: space-evenly;
    display: flex;
    flex-direction: row-reverse;
    max-width: 80%;
    margin: 0 0 0 150px;
    height: 40vh;
}
.leftsectionimage img{
    width: 30vh;
    margin-right: 30px;
    border: 2px solid black;
    border-radius: 10px;
    
}
.leftsectionimage  img:hover{
  -webkit-transition: 0.8s ease;
  transition: 0.8s ease;
  -webkit-transform: scale(1.08);
  transform: scale(1.08); 
  box-shadow: 10px 8px #888888;
}
.third-section{
  background-color: #e6e4e4;
  height: 100vh;
}
.text-center{
  text-align: center;
  padding: 20px 0;
  font-weight: 600;
  font-family: 'Nunito', sans-serif;
  font-size: 35px;
}
.inputform{
  max-width: 40%;
  margin: auto;

}
.contact-input{
  margin-top: 30px;
  width: 100%;
  border: 1px solid gray;
    border-radius: 15px;
    outline: none;
    padding: 10px 12px;
    font-size: 14px;

}
.btn-dark{
  color: black;
  border: 2px solid rgb(99, 96, 96);
  font-size: 18px;
}
.text-footer{
  text-align: center;
  padding: 20px 0;
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
background-color: black;
color: white;
}
.burger{
  display: none;
 position:absolute;
 cursor: pointer;
 top: 25%;
 right: 15px;
}
.line{
  width: 20px;
  background-color: white;
  height: 2px;
  margin: 3px 30px;
}





@media only screen and (max-width: 800px){
  .navlist{
    flex-direction: column;
    /* margin-top: 20px; */
  }
  .nav-bar{
    flex-direction: column;
    transition: all 0.4s ease-out;
    height: 170px;
  }
  .rightnav{
    width: 30%;
  }
  .firstsection {
    height: 65vh;
  }
  /* upper query from  */
  .query-box{
    max-width: 74%;
  }
  .testimonials{
    
  }
  /* bottom query from  */

  .inputform {
    max-width: 80%;
    margin: auto;
  }
  .burger{
  display:block;
  z-index: 9999;
  }
 
  .h-nav{
    height: 45px;
  }
  .v-nav{
  opacity: 0;
  }
  .boxmain{
    max-width: 66%;
    flex-direction: column-reverse;
    margin: auto;
  
  }
  .firsthalf{
    max-width: 130%;
    overflow: hidden;
  }
  .secondhalf{
    width: 203%;
  }
  .secondhalf img{
    width: 15rem;
    margin-top: 5px;
  }
  #search{
    margin-top: 10px;
  }
  .secondsection{
    flex-direction: column;
    height: 156vh; 
    margin: auto;


  }
  .leftsection{
    flex-direction: column;
    height: 130vh; 
    margin: auto;
    margin-top: -50px; 
  }

}
/* slider css */

.margin{
  margin-top: 5%;
}



 
  @media (max-width:800px){
      .container .slide-container .slide{
          flex-direction: column;
      }  
  }


  /* commercial page css  */
  .coming_soon{
    
    max-width: 95%;
    margin: auto;
  
  }
  .coming_soon h1{
text-align: center;
font-weight: 600px;
font-size: 50px;
  }