*{
margin: 0;
padding: 0;
box-sizing: border-box;

}
:root{
  --textcolor:#6E6868;
}
body{
  font-family:Verdana, Geneva, Tahoma, sans-serif;}
/*Header Styles*/
header{

}
a{
  color:#ED9421;
  text-decoration: none;
}
a.active{
  background-color: rgb(202, 107, 107);
  color: #1f1e1c;
  opacity: 0.8;
}
.contacts-header{
  display: flex;
  justify-content: space-around;
  align-items: center;
  padding:12px;
  background-color: rgb(238, 237, 235);
  color:#ED9421;
  height: auto;
}

.logo-header{
  display: flex;
  color: #6E6868;
  justify-content:space-around;
  align-items: center;
  flex-wrap: wrap;
  background-image: linear-gradient(to bottom right, #FFFFFF, white);
}
#chk-label{
display: none;
}
#chk{
  display: none;
}

.more-btn{
  text-align: center;
}

.more-btn a{
 
  display: inline-block;
  background:transparent ;
  color:#ED9421;
  padding: 12px;
  font-weight: bolder;
 border: 2px solid #ED9421;
    transition: 0.5s;
}
.more-btn a:hover{
  background:#ED9421;
  color:white;

}
.nav-bar{
 display: flex;
 justify-content: space-around;
 align-items: center;
 background-color: rgb(110, 104, 104);
 height: 10vh;

}
.nav-list-item{
  display: inline-block;
  padding:8px;

}
.nav-list-item a{
 color: white;
 padding: 8px;
 font-weight: bold;
    transition: 0.5s;
}
.nav-list-item a:hover{
  background-color: white;
  color: #ED9421;
  

}
.menu-bar{
  display: none;

}
/*Header Styles End Here--Home Styles Start*/

.home {
  margin: 0;
}
.hero{
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap:3em;
  background:url("../images/homebg.jpg") ;
  background-size: cover;
  height: 80vh;
}
.hero-text{
  color:rgb(110, 104, 104);
  background-color: white;
  padding: 3em;
  opacity: 0.6;
  border-radius: 20px;
}
.about-summary{
 width:90%;
 margin:0 auto;
 display:flex;
 justify-content:center;
 align-items:flex-start;
 padding:4rem;
 height:auto;
}
.about-summary-row{
  flex: 1 1;
}
.about-summary-left{
  background-color: #f3a033;
  padding: 2.5rem;
  color: white;
  font-weight: bolder;
  font-size: larger;
  line-height: 2.0;
  height: auto;
  /*border-radius: 20px;*/
}
.about-summary-text{
   padding:2.5rem;
   color:#6E6868
}
.about-summary-text p{
  padding-top:1.5rem;
}

/*services Div*/
.services-header{
  text-align: center;
}


.services-summary-content{
display: flex;
justify-content: center;
flex-wrap: wrap;
padding: 2rem;
height: auto;



}
.service{
  background-color: #f3a033;
  padding: 5rem;
  border: 2px solid white;
  font-weight: bold;
  text-align: center;
  width:20%;
}
.service a{
  font-weight: bold;
  color: white;
}

.founder{
  display: flex;
  flex: 1 1;
}
.founder-h1{
  color:#6E6868;
  padding-top: 20px;
  width: 90%;
  margin: 0 auto;
  padding-left: 2em;
}
.founder{
  color:#6E6868;
  width: 90%;
  margin: 0 auto;
  padding: 4em;
}
.founder-image img{
  border-radius: 10px;
}
.founder p{
  padding: 3em;
  line-height: 2.5;
}
/*Footer*/
footer{
 background-color: #f3e6d5;
 height:auto;
padding-top:30px;
color:#6E6868;
}
.footer-main{
 display: flex;
 width: 90%;
 margin: 0 auto;
 justify-content: space-between;
 flex-wrap: wrap;
 margin-bottom: 30px;
 column-gap: 10px;
}
.footer-end{
  display: flex;
  width: 90%;
  margin: 0 auto;
  justify-content: space-between;
  padding: 30px 0;
}
.socials{
  color: #6E6868;
  font-size: 30px;
  display: flex;
  column-gap: 12px;
}
.socials:hover{
  opacity:1;
}

.fa-facebook-official{
  color: dodgerblue;
}
.fa-twitter{
  color:#4F9CF0;
}
.fa-instagram{
  color: #AF348B;
}
.fa-whatsapp{
  color: #55B342;
}
/*Media Queries Section */
@media(max-width:962px){
  #chk-label{
    display:inline-block;
    }
    #chk:checked ~ .nav-bar{
      display: block;
    }
    .nav-bar{
      display: none;
      flex-direction: column;
      height: auto;
      background-color: rgb(129, 122, 117);
    }
 .nav-bar li {
   display: block;
 }
.nab-bar.active{
  display: block;
}

#whrs{
  display: none;
}
#ol{
 display: none;
}
#mr-btn1{
  display: none;
}
.contacts-header{
  display: none;
}





.hero{
  display: flex;
  flex-direction:column ;
  row-gap: 2em;
}
.about-summary{
  width: 100%;
  flex-direction: column;
  padding:30px 0;
}
.about-summary-row{
 
  
}
.about-summary-left{
  border-radius: none !important; 
}
.about-summary-text{
   padding:2.5rem;
   color:#6E6868
   
}
.services-summary-content{
  flex-direction: column;

}
.service{
  width:100%;
  padding: 1.5rem;
  border-radius: 20%;
}
.founder{
  flex-direction: column;
  color:#6E6868;
  width: 100%;
  padding: 6px;
border: 1px solid green;
}

.footer-main{
  flex-direction: column;
  justify-content: center;
 }
 .founder-image img{
  width: 100%;
}
.socials
}



/*Media Queries End */