html,
body {
	height: 100%;
}
body{
  font-family: Roboto;
  font-style: normal;
  margin: 0px;
}
.contact-nav{
  background-color: #36393B;
  display: flex;
  flex-wrap: wrap;
  justify-content: end;
  padding: 10px;
}
.contact-text,.contact-text a{
  color: #FFFFFF;
  font-weight:400;
  font-size: 17px;
  display: flex;
  padding-right: 15px;
}
/*--- This is new nav ----*/

body nav{
  position: relative;
  display: flex;
  background-color: #FFFFFF;
  padding: 0px 25px;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
label.logo{
  color: white;
  font-size: 35px;
  line-height: 80px;
  padding: 0 100px;
  font-weight: bold;
}
nav ul{
  float: right;
  margin-right: 20px;
}
nav ul li{
  display: inline-block;
  line-height: 80px;
  margin: 0 5px;
}
nav ul li a{
  color: rgb(0, 0, 0);
  font-size: 15px;
  padding: 7px 13px;
  border-radius: 3px;
  text-transform: uppercase;
}
nav ul li a:hover{
  transition: .1s;
  color: #B2CF3A;
}
nav ul li a.active{
  background: #272727;
  transition: .5s;
  color: #B2CF3A;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
.checkbtn{
  font-size: 30px;
  color: white;
  float: right;
  line-height: 80px;
  margin-right: 40px;
  cursor: pointer;
  display: none;
}
#check{
  display: none;
}
@media (max-width: 952px){
  label.logo{
    font-size: 30px;
    padding-left: 50px;
  }
  nav ul li a{
    font-size: 15px;
  }
}
@media (max-width: 858px){
  .checkbtn{
    display: block;
  }
  nav ul{
    position: fixed;
    width: 100%;
    height: 100vh;
    background: #ffffff;
    top: 80px;
    left: -100%;
    text-align: center;
    transition: all .5s;
    z-index: 1;
  }
  nav ul li{
    display: block;
    margin: 50px 0;
    line-height: 30px;
  }
  nav ul li a{
    font-size: 20px;
  }
  nav ul li a:hover,nav ul li a.active{
    background: #272727;
    color: #B2CF3A;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  }
  #check:checked ~ ul{
    left: 0;
  }
}
.banner-text{
  font-weight: 700;
  font-size: 45px;
  line-height: 56.25px;
  padding-bottom: 20px;
}
.banner-p{
  font-weight: 300;
  font-size: 24px;
  line-height: 40px;
}
.banner-btn{
  background-color: #B2CF3A;
  color: #000;
  font-weight: 900;
  font-size: 20px;
  margin-top: 30px;
  padding: 10px 30px;
  border: none;
  border-radius: 9px;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
.social-icons{
  display: grid;
  position: absolute;
  bottom: 10px;
  right: 50px;
}
.social-icons img{
  width:50px;
  margin: 14px;
}

/*-----About------*/
.about-bg{
  background-color: #FFFFFF;
  padding: 75px 20px 0px 20px;
}
.about-bg img{
  width: 100%;  
}
.about-heading{
  font-weight: 700;
  font-size: 35px;
  color: #1F1F1F;
}
.about-sub-heading{
  font-weight: 500;
  font-size: 24px;
  color: #8CAE00;
  padding-bottom: 15px;
}
.about-content{
  font-weight: 300;
  font-size: 20px;
  color:#000000;
  line-height: 28px;
}
.about-content span{
  color: #1B1B1B;
  font-weight: 500;
}
.abt-img-cat{
  display: flex;
  padding: 5px;
  align-items: center;
}
.abt-img-cat img{
  width: auto;
  padding: 0px 5px; 
}
.about-cat{
  font-weight: 700;
  font-size: 16px;
  color: #000000;
}
.drm-aboutus{
  font-weight: 400;
  font-size: 16px;
  text-align: center;
  color: #000000;
  padding: 40px 30px;
}

/*--- Services ---*/
.service-bg{
  background-color: #FFFFFF;
  padding: 30px 20px 0px 20px;
}
.services-heading{
  font-weight: 700;
  font-size: 35px;
  color: #1F1F1F;
}
.services-sub-heading{
  font-weight: 500;
  font-size: 24px;
  color: #8CAE00;
  padding-bottom: 20px;
}
.service-img-bg{
  padding: 8px;
  background-color: #EBEBEB;
  border-radius: 24px;
}
.service-img-bg img{
  width: 100%;
}
.service-img-head{
  font-weight: 600;
  font-size: 24px;
  padding: 15px 10px 5px 10px;
}
.service-img-sub-head{
  font-weight: 400;
  font-size: 16px;
  padding: 5px 10px 15px 10px;
}
.service-img-bg:hover{
  background-color: #2A2A2A;
  color: #fff;
  transition: 0.5s;
}
.services-call-now{
  width: 100%;
  background-color: #B2CF3A;
  text-align: center;
  padding: 8px;
  border-radius: 16px;
  margin: 15px 0px;
  font-weight: 700;
  font-size: 30px;
  color:#000000;
}
.services-view-all{
  width: 300px;
  text-align: center;
  font-weight: 500;
  font-size: 32px;
  color: #000000;
  background: none;
  padding: 5px 15px;
  margin: 30px auto 80px;
  border-radius: 8px;
  border: 2px solid #000;
}

/*--- AMK Models ---*/
.models-bg{
  background-color: #292929;
  padding: 10px 50px 100px 50px;
  line-height: 50px;
}
.models-heading{
  font-weight:700;
  font-size: 36px;
  color: #FFFFFF;
}
.models-heading span{
  font-weight: 400;
  font-size: 22px;
  color: #B2CF3A;
}
.models-sub-heading{
  font-weight: 700;
  font-size: 48px;
  color: #292929;
  text-shadow: -1px 1px 0 #ffffff,1px 1px 0 #ffffff,
                1px -1px 0 #ffffff,-1px -1px 0 #ffffff;
}
.model-imgs{
  padding: 25px 8px;
}
.model-imgs img{
  width: 100%;
}

/*-- Advantages --*/
.advantages-bg{
  background-color: #000000;
  border-radius: 0px 130px 0px 130px;
  margin-top: -90px;
  padding: 0px 20px 100px;
}
.advantages-heading{
  font-weight: 700;
  font-size: 48px;
  color: #B0DA00;
  text-align: center;
  padding: 20px;
}
.advt-main-cat{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.advt-inner-cat{
  display: flex;
  margin: 15px;
  align-items: center;
}
.advt-inner-text{
  border-radius: 0px 24px 24px 0px;
  background-color: #FAFFE7;
  font-weight: 600;
  font-size: 24px;
  color:#000000;
  padding: 5px;
  margin:5px;
}

/*----happy Customer ---*/
.customer-bg{
  background-color: #FFFFFF;
  padding: 50px 50px 100px;
}
.customer-bg img{
  width: 100%;
}
.customer-heading{
  color: #9EC305;
  font-weight: 600;
  font-size: 64px;
  line-height: 50px;
}
.customer-heading span{
  color: #1F1F1F;
  font-weight: 600;
  font-size: 48px;
}
.feedback{
  position: relative;
}
.feedback .img1{
  width: auto;
  position: absolute;
  right: 50%;
}
.feedback .img2{
  width: auto;
  position: absolute;
  right:5px;
  top:16rem;
}
.feedback .img3{
  width: auto;
  position: absolute;
  right: 10px;
}

/*--- Mobile View Styles --*/
@media screen and (max-width: 600px) {
  .feedback{
    display: none;
  }
  .banner-text{
    font-weight: 600;
    font-size: 20px;
    line-height: 20px;
    padding-bottom: 15px;
  }
  .banner-p{
    font-weight: 300;
    font-size: 15px;
    line-height: 15px;
  }
  .banner-btn{
    background-color: #B2CF3A;
    color: #000;
    font-weight: 900;
    font-size: 10px;
    margin-top: 6px;
    padding: 8px 15px;
    border: none;
    border-radius: 9px;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  }
  .about-cat {
    font-weight: 700;
    font-size: 12px;
    color: #000000;
  }
  .social-icons{
    display: block;
    position: absolute;
    bottom: 1px;
    right: 2px;
  }
  .social-icons img{
    width: 30px;
    margin: 5px;
  }
}

/*--- Footer ---*/
.footer-bg{
  background-color: #000000;
  padding: 40px;
}
.footer-content{
  font-weight: 600;
  font-size: 12px;
  color: #FFFFFF;
  text-align: center;
}
.line{
  border: 1px solid #FFFFFF;
  margin: 20px 0px;
}
.footer-head{
  font-weight: 600;
  font-size: 20px;
  color: #FFFFFF;
  padding-left: 10px;
}
.footer-bg ul li, .footer-bg a{
  font-weight: 600;
  font-size: 15px;
  color: #FFFFFF;
  list-style: none;
  line-height: 35px;
}

/*-- services page style --*/

.transform-bg{
   background-color: #1E1E1E;
   margin: 0px;
}
.transform-bg img{
 width: 100%;
}
.transform-head{
     font-weight: 500;
     font-size: 38px;
     color: #FFFFFF;
     line-height: 50px;
}
.transform-head span{
  font-size: 58px;
  color: #9EC305;
}
.transform-p{
  font-weight:300;
  font-size: 15px;
  color:#FFFFFF;
  padding: 20px 0px;
}
.service-categories-bg{
    background-color: #FFFFFF;
    padding: 20px;
    align-items: center;
}
.service-categories-bg img{
  width: 100%;
  padding: 30px 20px;
}
.services-categories-head{
  font-weight: 700;
  font-size: 36px;
  color: #1F1F1F;
  line-height: normal;
}
.services-categories-p{
  font-weight: 400;
  font-size: 20px;  
  color: #545454;
  padding: 20px 0px;
}
.service-call-us{
  background-color: #B2CF3A;
  color: #000000;
  font-weight: 500;
  font-size: 20px;
  width: 170px;
  text-align:center;
  border-radius: 45px;
  padding: 8px;
  margin: 40px 0px;
}

/*--- Assosories --*/
.assessories-bg{
  background-color: #1A1A19;
  padding: 30px;
}
.assessories-head{
  font-weight: 600;
  font-size: 40px;
  color: #FFFFFF;
  padding: 10px 30px;
}
.assessories-head span{
  font-weight: 300;
  font-size: 20px;
  color: #B2CF3A;
}
.gap{
  padding: 30px 20px;
}
.assessories-bg img{
  width: 100%;
}
.assessories-names{
  font-weight: 500;
  font-size: 20px;
  background: linear-gradient(to right, #B2CF3A, #FFFFFF); 
  -webkit-text-fill-color: transparent; 
  background-clip: text; 
  text-align: center;
  padding: 15px;
}

/*-- Project & Gallery page style --*/
  .project-bg{
    background-color: #ffffff;
    padding: 40px;
  }
  .project-bg img{
    width: 100%;
    padding-bottom: 25px;
  }
  .project-head{
    color: #B2CF3A;
    font-weight: 600;
    font-size: 48px;
  }
  .project-head span{
    color: #1F1F1F;
    font-weight: 500;
    font-size: 48px;
  }
  .project-subhead{
    font-weight: 400;
    font-size: 20px;
    color: #545454;
  }
  .explore-design{
    width: 250px;
    background-color: #B2CF3A;
    color: #030200;
    border-radius: 4px;
    font-weight: 600;
    font-size: 24px;
    text-align: center;
    margin: 25px 0px;
    padding: 10px;
  }
  .total-project{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
  }
  .total-project-text{
    font-weight: 300;
    font-size: 60px;
    text-align: center;
    color: #545454;
    line-height: 40px;
    margin: 32px 0px;
  }
  .total-project-text span{
    font-weight: 600;
    font-size: 22px;
  }
  
  .project-box{
      background: linear-gradient(180deg, rgba(178,207,58,1) 0%, rgba(54,57,59,1) 100%);
      border-radius: 10px 10px 50px 10px;
      padding: 15px;
      margin-top: 15px;
  }
  .project-box span{
      font-weight: 700;
      font-size: 24px;
      color: #000000;
  }
  .project-box p{
      font-weight: 300;
      font-size: 16px;
      color: #FFFFFF;
  }
  .project-box2{
      border: 1px solid #000000;
      border-radius: 20px;
      padding: 15px;
      margin-top: 15px;
  }
  .project-box2 span{
      font-weight: 700;
      font-size: 24px;
      color: #000000;
  }
  .project-box2 p{
      font-weight: 300;
      font-size: 18px;
      color: #000000;
  }
  
  .project-cat{
    background-color: #000000;
    padding: 10px 40px;
  }
  .project-cat-main{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    align-items: center;
    padding: 20px;
  }
  .project-cat-text{
    font-family: 'Roboto slab';
    font-weight: 300;
    font-size: 35px;
    color: #FFFFFF;
  }
  .vr-line{
    border: 3px solid #B2CF3A;
    height: 88px;
    width: 0px;
  }
  .photo-gallery-head{
    color: #B2CF3A;
    font-weight: 700;
    font-size: 60px;
    text-align: center;
    padding: 25px 10px;
  }
  

/*-- Remodeling page style--*/
.remodeling-bg{
  background-color: #1E1E1E;
  padding: 50px 50px 0px 50px;
}
.head1{
  font-weight: 600;
  font-size: 36px;
  line-height: 56.25px;
  color: #ffffff;
  padding: 10px;
}
.head2{
 font-weight: 600;
 font-size: 32px;
 padding: 10px;
 color:#B2CF3A;
}
.remodeling-bg ul{
  padding-left: 50px;
  color: #FFFFFF;
}
.remodeling-bg ul li{
  font-weight: 400;
  font-size: 20px;
  line-height: 28.13px;
}
.remodeling-bg ul li b{
  font-weight: 600;
  font-size: 20px;
  line-height: 28.13px;
  color: #B2CF3A;
}
.remodeling-banner-img{
    text-align: center;
}
.remodeling-banner-img img{
    width: auto;
}
.remodeling-img{
  background-color: #FFFFFF;
  padding: 40px;
  justify-content: space-evenly;
  align-items: center;
}
.remodeling-img p{
  font-weight:400;
  font-size: 30px;
  text-align: center;
  color: #1F1F1F;
  padding: 15px;
}
.remodeling-img img{
  width: 100%;
}
.insta-heading{
  font-weight: 700;
  font-size: 35px;
  color: #1E1E1E;
}
.insta-subhead{
  font-weight: 400;
  font-size: 22px;
  color: #000000;
  padding-bottom: 5px;
}
.insta-p{
  font-weight: 300;
  font-size: 15px;
  color: #3D3D3D;
  padding-bottom: 15px;
}


/*-- contact page --*/

.banner-img img{
  width: 100%;
}
.form-bg{
  background-color: #FFFFFF;
  width: 90%;
  margin: 50px auto;
  border-radius: 10px;
}
.contact-infor{
  background-color: #011C2B;
  border-radius: 5px;
  padding: 70px 10px;
  margin: 8px;
}
.contact-infor-head{
  font-weight: 500;
  font-size: 26px;
  color: #FFFFFF;
  padding: 0px 15px;
}
.contact-infor-p{
  font-weight: 200;
  font-size: 10px;
  color: #FFFFFF;
  padding: 15px;
}
.contact-infor-name{
  display: flex;
  align-items: start;
  padding: 25px 15px; 
}
.contact-infor-name img{
 width: auto;
 padding-right: 15px;
}
.contact-infor-name h1{
  font-weight: 400;
  font-size: 20px;
  color: #FFFFFF;
}
.form-label{
  font-weight: 400;
  font-size: 15px;
}
.input{
  border: none;
  border-bottom: 1px solid black;
  margin-bottom: 16px;
  width: 90%;
  padding: 10px;  
}
.form-btn{
  color: #000000;
  background-color: #B2CF3A;
  padding: 10px 20px;
  border-radius: 5px;
  box-shadow: 0px 0px 10px 0px #000000;
  border: none;
  float: right;
  margin: 25px;
  font-weight: 500;
  font-size: 16px;
}
.contact-bg{
  background-color: #FFFFFF;
  width: 90%;
  margin: 50px auto ;
  border-radius: 10px;
  padding: 20px;
}
.contact-bg img{
  width: 100%;
  padding-bottom: 20px;
}