@import url('https://fonts.googleapis.com/css2?family=Kavoon&family=Nunito:ital,wght@0,200..1000;1,200..1000&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Kavoon&family=Madimi+One&family=Nunito:ital,wght@0,200..1000;1,200..1000&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
*{
margin: 0;
padding: 0;
list-style: none;
box-sizing: border-box;
}
body{
    font-family:"poppins",sans-serif;
    background-color: black;
    
    
}
.nav{
    background-color: transparent;
    width:100%;
    height:80%;
}
.checkbtn{
    font: 30px;
    float: right;
    line-height: 80px;
    margin-right: 40px;
    cursor: pointer;
    display: none;
}
#checkbox{
    float: right;
    margin-right:45px;
    margin-left: -28rem;
    margin-top: 2.5rem;
    display: none;

   
}
label.logo{
    line-height: 80px;
    padding: 0 20px;
}
nav ul{
    float: right;
    margin-right: 60px;
}
nav ul li{
    display: inline-block;
    line-height: 80px;
    margin: 0 05px;
    padding: 10px 0 0;
}
nav ul li a{
    color:white;
    font-size: 20px;
    border-radius: 2px;
    box-shadow: 0 5px solid black;
    text-decoration: none;
}
a:active,a:hover{
    color: rgb(236, 195, 8);
    transition: 2s;
    
}
.pic1 img{
    background-size: cover;
    width: 100%;
    position: relative;
    opacity: 0.10;
    z-index: -1;
 
}
.pic1 h1{
    color: white;
    text-align: center;
    margin-top: -10rem;
    font-size: 50px;
}
.button4{
    background-color: rgb(202, 153, 16);
    border: none;
    color: white;
     
    margin-left: 3rem;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
    padding: 15px 32px;
    margin-left: 37rem;
    z-index: 100;

}
.button4:hover{
    background-color:rgb(102, 87, 20);
 }
.rect1 img{
   width:20%;
   margin-top: 3rem;
   margin-left: 14rem;
   margin-right: -5rem;
}
.architecture1 img{
    margin-top: -25rem;
    opacity: 1;
    width: 10%;
    margin-left: 18rem;
    margin-bottom: 6.50rem;
    
}
.rect2 img{
    width:20%;
    margin-top: -20rem;
    margin-left: 33rem;
    margin-right: -15rem;
    margin-bottom: 3rem;
}
.interior2 img{
    margin-top: -25rem;
    opacity: 1;
    width: 10%;
    margin-left: 37rem;
    margin-bottom: 9.40rem;
    
}
.rect3 img{
    width:20%;
    margin-top: -22rem;
    margin-left: 51rem;
    margin-right: -15rem;
    margin-bottom: 8rem;
}
.building4 img{
    margin-top: -29rem;
    opacity: 1;
    width: 10%;
    margin-left: 55rem;
    margin-bottom: 14rem;
}
.head1 h1{
    font-size: 14px;
    margin-right: 40rem;
    margin-top: -16rem;
}
.head2 h1{
    font-size: 14px;
    margin-top: -1.40rem;
    margin-left: -1rem;
}
.head3 h1{
    font-size: 14px;
    margin-top: -1.40rem;
    margin-left: 35rem;
}
.backgroundimage{
    background-image: url(white\ background\ -\ Copy.png);
    background-size: cover;
    position: relative;
    opacity: 1;
    margin-top: 45rem;
    max-width: 100%;
}
.circle1 img{
    width:25%;
    opacity: 1;
    margin-top: 5rem;
   margin-left: 10rem;
   margin-bottom: 25rem;
   z-index: 100;
}
.pro1 h1{
    color: rgb(255, 255, 255);
    margin-top: -5rem;
}
.circle2 img{
    width:25%;
    opacity: 1;
    margin-top: -36rem;
   margin-left: 32rem;
   margin-bottom: 25rem;
   z-index: 100;
}
.circle3 img{
    width:25%;
    opacity: 1;
    margin-top: -56rem;
   margin-left: 55rem;
   margin-bottom: 36rem;
   z-index: 100;
}
.wordsforprocess h1{
    margin-top: -36rem;
    color: rgb(236, 195, 8);
    font-size: 30px;
    margin-right: 11rem;
}
.Wefollow1 h1{
    margin-top: -2.90rem;
    color: rgb(0, 0, 0);
    font-size: 30px;
    margin-left: 21rem;
}
.project h1{
    color:black;
    font-size: 15px;
    margin-top: -49rem;
    margin-left: -35rem;
}
.project p{
    color:black;
    font-size: 7px;
    margin-left:13.60rem;
    font-weight: bold;
    
}
.evalulate h1{
    color:black;
    font-size: 15px;
    margin-top: 8rem;
    margin-left: 9rem;
}
.evalulate p{
    color:black;
    font-size: 7px;
    margin-left: 36rem;
    font-weight: bold;
}
.best h1{
    color:black;
    font-size: 15px;
    margin-top: -13rem;
    margin-left: 55rem;
}
.best p{
    color:black;
    font-size: 7px;
    margin-top: 0rem;
    margin-left: 60rem;
    font-weight: bold;
}
.backgroundimage4{
    background-image: url(grey.png);
    background-size: cover;
    position: relative;
    margin-top: 20rem;
    height: 500px;
    
}
.last1 img{
    width: 10%;
    margin-left: 7rem;
    margin-bottom: -9rem;
    z-index: 100;
  }
  .last1 p{
      color: white;
      margin-left: 30rem;
      margin-top: -20rem;
  }
  .line1 img{
      width: 10%;
      margin-left: 17rem;
      margin-top: -7rem;
     margin-bottom: 1rem;
  
  }
  .last2 h1{
      margin-left: -28rem;
      font-size: 20px;
      color: rgb(255, 255, 255);
      margin-top: 5rem;
      margin-bottom: -3rem;
  
  }
  .last2 p{
      margin-left: 18.60rem;
      color:  rgb(168, 164, 164);
      font-size: 14px;
      margin-top: 4rem;
  }
  .last2 p1{
      margin-left: 18.60rem;
      color: rgb(168, 164, 164);
      font-size: 14px;
      margin-top: 4rem;
  }
  .last2 h2{
      margin-left: 18.60rem;
      color:  rgb(168, 164, 164);
      font-size: 14px;
      margin-bottom: -5rem;
      font-weight: 300;
  }
  .icons1 img{
      width:2%;
      margin-top: 7rem;
      margin-left: 51rem;
      z-index: 100;
  }
  .icons2 img{
      width: 3%;
      margin-top: -3.20rem;
      margin-bottom: 4rem;
      margin-left: 53rem;
      z-index: 100;
  }
  .icons3 img{
      margin-left: 55.70rem;
      margin-top: -16rem;
      width: 2%;
      margin-bottom: 5.70rem;
      z-index: 100;
  }
  .last3 h1{
      margin-left: 34rem;
      margin-top: -19.70rem;
  }
  .last3 p{
      margin-left: 50rem;
  }
  .last3 p1{
      margin-left: 50.10rem;
  }
  .line2 img{
   margin-left: 49rem;
   width: 10%;
   margin-top:-11rem;
   z-index: 100;
  }
  .loc1 h1{
      color: rgb(255, 248, 248);
      margin-top: -9rem;
     margin-left: -27rem;
  }
  .line3 img{
      margin-left:17rem;
      margin-top: -5rem;
      z-index: 100;
  }
  .loc1 p{
      margin-left:19rem ;
  }
  .loc2 h1{
      margin-top: -9rem;
      margin-left: 36rem;
  }
  .line4 img{
      margin-left:49rem;
      margin-top: -11rem;
      z-index: 100;
  }