@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;
}
.backgroundimage{
    background: url(Untitled\ design.png) no-repeat center; 
    background-size: cover;
    height: 400px;
    position: relative;}
.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;
}
.button{
  background-color:  rgb(202, 153, 16);
  border: none;
  color: white;
  margin-left: 33rem;
  padding: 15px 32px;
  text-decoration: none;
}
.button:hover{
    background-color:rgb(102, 87, 20); 
    color: white;
}
.button2{
    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;
}
.button2:hover{
    background-color:rgb(102, 87, 20); 
    color: white;
}
.middleword{
    margin-bottom: 4rem;
}
.middleword h1{
    color: white;
    margin-left: 30rem;
    font-size: 40px;
    

}
.middleword p{
    margin-left:  25rem;
    color: white;
    margin-top: 1rem;
}

.middleword .btn1:hover{
    background-color:rgb(102, 87, 20); 
}
.middleword .button2:hover{
    background-color:rgb(102, 87, 20); 
}
.down-words{
    margin-bottom: 10rem;
    margin-top: -1rem;
}
.down-words p{
    color: white;
    background-color:rgb(219, 156, 21) ;
    text-align: center;
    height: 90px;
}
.down-words .button3{
    background-color:rgb(219, 156, 21);
    border: 1px solid white;
    border-radius: 3px;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    cursor: pointer;
    margin-top: 1.50rem;
    margin-left: 1rem;
}
.down-words .button3:hover{
    background-color:rgb(102, 87, 20) ;
}
.partsinside{
    margin-bottom: 20rem;
    margin-top: -10rem;
}
.partsinside img{
    margin-top: -1rem;
}
.partsinside img{
    width: 5%;
    margin-left: 10rem;
    margin-top: 3rem;
}
.partsinside h1{
    color: white;
    font-size: 15px;
    margin-left: 9REM;
}
.partsinside p{
    color: rgb(95, 92, 84);
    font-size: 10px;
    font-weight: bold;
    
}
.m-partsinside{
    margin-bottom: 20rem;
    margin-top: -17rem;
    margin-left: 2rem;
}
.m-partsinside img{
    width:5%;
    margin-left: 35rem;
    margin-top: -30rem;
    margin-bottom: 10rem;
}
.m-partsinside h1{
    color: white;
    font-size: 15px;
    margin-left: 33rem;
    margin-top: -10rem;
}
.m-partsinside p{
    color: rgb(95, 92, 84);
    font-size: 10px;
    margin-left: 32rem;  
    font-weight: bold;
}
.lasticon{
    margin-left: 3rem;
    margin-bottom: 60rem;
    margin-top: -20rem;
}
.lasticon img{
    width: 5%;
    margin-left: 60rem;
    margin-top: -30rem;
    margin-bottom: 10rem;
}
.lasticon h1{
    color: white;
    font-size: 15px;
    margin-left: 58rem;
    margin-top: -10rem;
}
.lasticon p{
    color: rgb(95, 92, 84);
    font-size: 10px;
    margin-left: 58rem;  
    font-weight: bold;
}
    
    .backgroundimage2{
        background: url(white\ background.png) no-repeat center; 
        background-size: cover;
        height:100%;
        position: relative;
        margin-bottom: 60rem;  
        margin-top: -60rem;
    }
    
    .roles1{
       margin-left: -2rem;
       margin-bottom: 5rem;
    }
    .roles1 img{
        width: 20%;
        margin-left: 6rem;
        margin-top: 4rem;
    }
    .roles1 h1{
        color: rgb(255, 145, 0);
        font-size: 14px;
        margin-left: 6rem;  
    }
    .roles1 p{
        color:rgb(54, 52, 50);
        font-size: 9px;
        margin-left: 6rem; 
        font-weight: bold; 
    }
    .roles2{
        margin-left: -2rem;
        
        
    }
    .roles2 img{
        width:21%;
        margin-left: 35rem;
        margin-top: -40rem;
        margin-bottom: 11rem;
    }
    .roles2 h1{
    color: rgb(255, 145, 0);
    font-size: 14px;
    margin-left: 33rem; 
    margin-top: -11rem;
    
    }
    .roles2 p{
        color: rgb(54, 52, 50);
        font-size: 9px;
        font-weight: bold;
        margin-right: 2rem;
        margin-top: 11rem;
      }
      .roles3 img{
        width: 35%;
        margin-left: 25rem;
        margin-bottom:50rem;
        margin-top: -22rem;
      }
      .roles3 h2{
        color: rgb(255, 145, 0);
        font-size: 14px;
        margin-left: 25rem; 
        margin-top: -50rem;
       
      }
      .roles3 p{
        color:  rgb(54, 52, 50);
        font-size: 9px;   
        margin-top: -0rem;
    
    }
    
    .numbers h1{
        color: rgb(255, 145, 0);
        font-size: 30px;
        margin-left: 23rem; 
        margin-top: -58rem;
        
    }
    .numbers p{
        color:rgb(196, 189, 189);
        font-size: 17px;
      margin-left: -3rem;
    }
    .backgroundimage3{
        background: url(white\ background.png) no-repeat center; 
        background-size: cover;
        height:100%;
        position: relative;
        margin-top: -11.40rem;
        
    }
    
    .latestprojects h1{
        color: rgb(0, 0, 0);
        margin-top: 5rem;
        margin-left: 30rem;
    }
    .latestprojects img{
        width: 30%;
        margin-top: 5rem;
        margin-left: 2rem;
        margin-bottom: -4.2rem;
    
    }
    .latestprojects2 img{
        width: 30%;
        margin-left: 30rem;
        margin-bottom: 8rem;
        margin-top: -13rem;
    }
    .latestproject3 img{
        width: 30%;
        margin-left: 58rem;
        margin-top: -40rem;
        margin-bottom: 9.4rem;  
    }
    .backgroundimage4{
        background-image: url(grey\ back.png);
        background-size: cover;
        position: relative;
        width: 100%;
        height: 500px;
    }
    .last1 img{
        width: 10%;
       margin-bottom: -10rem;
       margin-left: 5rem;
        
       
      }
      .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: 18rem;
          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;
      }
      .icons2 img{
          width: 3%;
          margin-top: -3.20rem;
          margin-bottom: 4rem;
          margin-left: 53rem;
      }
      .icons3 img{
          margin-left: 55.70rem;
          margin-top: -16rem;
          width: 2%;
          margin-bottom: 5.70rem;
      }
      .last3 h1{
          margin-left: 50rem;
          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;
      }
      .loc1 h1{
          color: rgb(255, 248, 248);
          margin-top: -9rem;
         margin-left: 18rem;
      }
      .line3 img{
          margin-left:17rem;
          margin-top: -5rem;
      }
      .loc1 p{
          margin-left:19rem ;
      }
      .loc2 h1{
          margin-top: -9rem;
          margin-left: 50rem;
      }
      .line4 img{
          margin-left:49rem;
          margin-top: -11rem;
      }
      @media (max-width:780px){
        .backgroundimage{
            background: url(Untitled\ design.png) no-repeat center; 
            background-size: cover;
            width: 170%;
            
            position: relative;}
            label.logo{
                line-height: 80px;
                padding: 0 30px;
                margin-left: 2rem;
            }
            .button{
                background-color:  rgb(202, 153, 16);
                border: none;
                color: white;
                margin-left: 30rem;
                padding: 15px 32px;
                text-decoration: none;
              }
              .button:hover{
                  background-color:rgb(102, 87, 20); 
                  color: white;
              }
              .middleword{
                margin-bottom: 4rem;
            }
            .middleword h1{
                color: white;
                margin-left: 27rem;
                font-size: 40px;
            }
            .middleword p{
                margin-left:  23rem;
                color: white;
                margin-top: 1rem;
            }
            .down-words{
                margin-bottom: 10rem;
                margin-top: -1rem;
            }
            .down-words p{
                color: white;
                background-color:rgb(219, 156, 21) ;
                text-align: center;
                height: 90px;
                width: 170%;
            }
            .down-words .button3{
                background-color:rgb(219, 156, 21);
                border: 1px solid white;
                border-radius: 3px;
                color: white;
                padding: 15px 32px;
                text-align: center;
                text-decoration: none;
                display: inline-block;
                font-size: 16px;
                cursor: pointer;
                margin-top: 1.50rem;
                margin-left: 1rem;
            }
            .partsinside{
                margin-bottom: 20rem;
                margin-top: -10rem;
                margin-left: -1rem;
            }
            .partsinside img{
                margin-top: -1rem;
            }
            .partsinside img{
                width: 5%;
                margin-left: 9rem;
                margin-top: 3rem;
            }
            .partsinside h1{
                color: white;
                font-size: 15px;
                margin-left: 9REM;
            }
            .partsinside p{
                color: rgb(95, 92, 84);
                font-size: 10px;
                font-weight: bold;
                
            }
            .m-partsinside{
                margin-bottom: 20rem;
                margin-top: -17rem;
                margin-left: 3rem;
                margin-right: -3rem;
            }
            .m-partsinside img{
                width:5%;
                margin-left: 32rem;
                margin-top: -30rem;
                margin-bottom: 10rem;
            }
            .m-partsinside h1{
                color: white;
                font-size: 15px;
                margin-left: 32rem;
                margin-top: -10rem;
            }
            .m-partsinside p{
                color: rgb(95, 92, 84);
                font-size: 10px;
                margin-left: 32rem;  
                font-weight: bold;
            }
            .lasticon{
                margin-left: 4rem;
                margin-bottom: 60rem;
                margin-top: -20rem;
            }
            .lasticon img{
                width: 5%;
                margin-left: 58rem;
                margin-top: -30rem;
                margin-bottom: 10rem;
            }
            .lasticon h1{
                color: white;
                font-size: 15px;
                margin-left: 58rem;
                margin-top: -10rem;
            }
            .lasticon p{
                color: rgb(95, 92, 84);
                font-size: 10px;
                margin-right: -30rem;
                font-weight: bold;
                overflow-x: scroll;
                overflow-y: hidden;
            }
            .backgroundimage2{
                background: url(white\ background.png) no-repeat center; 
                background-size: cover;
                height:100%;
                width: 170%;
                position: relative;
                margin-bottom: 60rem;  
                margin-top: -60rem;
            }    
            .roles1{
                margin-left: -2rem;
                margin-bottom: 5rem;
             }
             .roles1 img{
                 width: 20%;
                 margin-left: 6rem;
                 margin-top: 4rem;
             }
             .roles1 h1{
                 color: rgb(255, 145, 0);
                 font-size: 14px;
                 margin-left: 6rem;  
             }
             .roles1 p{
                 color:rgb(54, 52, 50);
                 font-size: 9px;
                 margin-left: 6rem; 
                 font-weight: bold; 
             }
             .roles2{
                 margin-left: -2rem;
                 
                 
             }
             .roles2 img{
                 width:21%;
                 margin-left: 35rem;
                 margin-top: -40rem;
                 margin-bottom: 11rem;
             }
             .roles2 h1{
             color: rgb(255, 145, 0);
             font-size: 14px;
             margin-left: 33rem; 
             margin-top: -11rem;
             
             }
             .roles2 p{
                 color: rgb(54, 52, 50);
                 font-size: 9px;
                 font-weight: bold;
                 margin-right: 2rem;
                 margin-top: 11rem;
               }
               .roles3 img{
                 width: 35%;
                 margin-left: 27rem;
                 margin-bottom:50rem;
                 margin-top: -21rem;
               }
               .roles3 h2{
                 color: rgb(255, 145, 0);
                 font-size: 14px;
                 margin-left: 27rem; 
                 margin-top: -50rem;
                
               }
               .roles3 p{
                 color:  rgb(54, 52, 50);
                 font-size: 9px;   
                margin-top: -0.10rem;
             
             }.numbers{
                margin-right: -23rem;
             }
             .numbers h1{
                color: rgb(255, 145, 0);
                font-size: 30px;
                margin-left: 7rem; 
                margin-top: -59rem;
                margin-right: -9rem;
                text-align: center
                
            }
            .numbers p{
                color:rgb(196, 189, 189);
                font-size: 17px;
              margin-left: 2rem;
              text-align: center;
            }
            .backgroundimage3{
                background: url(white\ background.png) no-repeat center; 
                background-size: cover;
                height:100%;
                width: 170%;
                position: relative;
                margin-top: -4rem;
                
            }
            
            .latestprojects h1{
                color: rgb(0, 0, 0);
                margin-top: 5rem;
                margin-left: 30rem;
            }
            .latestprojects img{
                width: 30%;
                margin-top: 5rem;
                margin-left: 2rem;
                margin-bottom: -4.2rem;
            
            }
            .latestprojects2 img{
                width: 30%;
                margin-left: 30rem;
                margin-bottom: 8rem;
                margin-top: -13rem;
            }
            .latestproject3 img{
                width: 30%;
                margin-left: 56rem;
                margin-top: -40rem;
                margin-bottom: 9.4rem;  
            }
            .backgroundimage4{
                background-image: url(grey\ back.png);
                background-size: cover;
                position: relative;
                width: 100%;
                height: 500px;
            }
            .last1 img{
                width: 10%;
               margin-bottom: -10rem;
               margin-left: 5rem;
                
               
              }
              .last1 p{
                  color: white;
                  margin-left: 30rem;
                  margin-top: -20rem;
              }
              .line1 img{
                  width: 10%;
                  margin-left: 17rem;
                  margin-top: -7.60rem;
                 margin-bottom: 1rem;
              
              }
              .last2 h1{
                  margin-left: 18rem;
                  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: 56rem;
              }
              .icons2 img{
                  width: 3%;
                  margin-top: -3.20rem;
                  margin-bottom: 4rem;
                  margin-left: 58rem;
              }
              .icons3 img{
                  margin-left: 61rem;
                  margin-top: -16rem;
                  width: 2%;
                  margin-bottom: 5.60rem;
              }
              .last3 h1{
                  margin-left: 55rem;
                  margin-top: -19.70rem;
              }
              .last3 p{
                  margin-left: 55rem;
              }
              .last3 p1{
                  margin-left: 55.10rem;
              }
              .line2 img{
               margin-left: 54rem;
               width: 10%;
               margin-top:-11rem;
              }
              .loc1 h1{
                  color: rgb(255, 248, 248);
                  margin-top: -9rem;
                 margin-left: 18rem;
              }
              .line3 img{
                  margin-left:17rem;
                  margin-top: -4rem;
              }
              .loc1 p{
                  margin-left:19rem ;
              }
              .loc2 h1{
                  margin-top: -9rem;
                  margin-left: 55rem;
              }
              .line4 img{
                  margin-left:54rem;
                  margin-top: -11rem;
              }
              @media(max-width:425px){
                .backgroundimage{
                    background: url(Untitled\ design.png) no-repeat center; 
                    background-size: cover;
                    height: 400px;
                    width: 270%;
                    position: relative;
                }
                label.logo{
                    line-height: 80px;
                    padding: 0 30px;
                    margin-left: 2rem;
                }
                .button{
                    background-color:  rgb(202, 153, 16);
                    border: none;
                    color: white;
                    margin-left: 28rem;
                    padding: 15px 32px;
                    text-decoration: none;
                  }
                  .button:hover{
                      background-color:rgb(102, 87, 20); 
                      color: white;
                  }
                  .middleword{
                    margin-bottom: 4rem;
                }
                .middleword h1{
                    color: white;
                    margin-left: 26rem;
                    font-size: 40px;
                }
                .middleword p{
                    margin-left:  21rem;
                    color: white;
                    margin-top: 1rem;
                }
                .down-words{
                    margin-bottom: 10rem;
                    margin-top: -1rem;
                }
                .down-words p{
                    color: white;
                    background-color:rgb(219, 156, 21) ;
                    text-align: center;
                    height: 90px;
                    width: 270%;
                }
                .down-words .button3{
                    background-color:rgb(219, 156, 21);
                    border: 1px solid white;
                    border-radius: 3px;
                    color: white;
                    padding: 15px 32px;
                    text-align: center;
                    text-decoration: none;
                    display: inline-block;
                    font-size: 16px;
                    cursor: pointer;
                    margin-top: 1.50rem;
                    margin-left: 1rem;
                }
                .partsinside{
                    margin-bottom: 20rem;
                    margin-top: -12rem;
                    margin-left: -5rem;
                }
                .partsinside img{
                    margin-top: -1rem;
                }
                .partsinside img{
                    width: 5%;
                    margin-left: 9rem;
                    margin-top: 3rem;
                }
                .partsinside h1{
                    color: white;
                    font-size: 15px;
                    margin-left: 9REM;
                }
                .partsinside p{
                    color: rgb(95, 92, 84);
                    font-size: 10px;
                    font-weight: bold;
                    
                }
                .m-partsinside{
                    margin-bottom: 20rem;
                    margin-top: -17rem;
                    margin-left: -1rem;
                    margin-right: -3rem;
                }
                .m-partsinside img{
                    width:5%;
                    margin-left: 32rem;
                    margin-top: -30rem;
                    margin-bottom: 10rem;
                }
                .m-partsinside h1{
                    color: white;
                    font-size: 15px;
                    margin-left: 32rem;
                    margin-top: -10rem;
                }
                .m-partsinside p{
                    color: rgb(95, 92, 84);
                    font-size: 10px;
                    margin-right: -32rem;  
                    font-weight: bold;
                }
                .lasticon{
                    margin-left: -3rem;
                    margin-bottom: 60rem;
                    margin-top: -20rem;
                }
                .lasticon img{
                    width: 5%;
                    margin-left: 58rem;
                    margin-top: -30rem;
                    margin-bottom: 10rem;
                }
                .lasticon h1{
                    color: white;
                    font-size: 15px;
                    margin-left: 58rem;
                    margin-top: -10rem;
                }
                .lasticon p{
                    color: rgb(95, 92, 84);
                    font-size: 10px;
                    margin-right: -39rem;
                    font-weight: bold;
                   display: flex;
                   flex-wrap: wrap;
                }
                .backgroundimage2{
                    background: url(white\ background.png) no-repeat center; 
                    background-size: cover;
                    height:100%;
                    width: 270%;
                    position: relative;
                    margin-bottom: 60rem;  
                    margin-top: -58rem;
                }    
                .roles1{
                    margin-left: -2rem;
                    margin-bottom: 5rem;
                 }
                 .roles1 img{
                     width: 20%;
                     margin-left: 6rem;
                     margin-top: 4rem;
                 }
                 .roles1 h1{
                     color: rgb(255, 145, 0);
                     font-size: 14px;
                     margin-left: 6rem;  
                 }
                 .roles1 p{
                     color:rgb(54, 52, 50);
                     font-size: 9px;
                     margin-left: 6rem; 
                     font-weight: bold; 
                 }
                 .roles2{
                     margin-left: -5rem;
                     
                     
                 }
                 .roles2 img{
                     width:21%;
                     margin-left: 35rem;
                     margin-top: -40rem;
                     margin-bottom: 11rem;
                 }
                 .roles2 h1{
                 color: rgb(255, 145, 0);
                 font-size: 14px;
                 margin-left: 30rem; 
                 margin-top: -11rem;
                 
                 }
                 .roles2 p{
                     color: rgb(54, 52, 50);
                     font-size: 9px;
                     font-weight: bold;
                     margin-right: 2rem;
                     margin-top: 11rem;
                   }
                   .roles3 img{
                     width: 35%;
                     margin-left: 22rem;
                     margin-bottom:50rem;
                     margin-top: -19rem;
                   }
                   .roles3 h2{
                     color: rgb(255, 145, 0);
                     font-size: 14px;
                     margin-left: 22rem; 
                     margin-top: -50rem;
                    
                   }
                   .roles3 p{
                     color:  rgb(54, 52, 50);
                     font-size: 9px;   
                    margin-top: -0.10rem;
                   }
                   .numbers p{
                    color:rgb(196, 189, 189);
                    font-size: 17px;
                  margin-left: 4rem;
                  text-align: center;
                }
                   .backgroundimage3{
                    background: url(white\ background.png) no-repeat center; 
                    background-size: cover;
                    height:100%;
                    width: 270%;
                    position: relative;
                    margin-top: -3rem;
                    
                }
                
                .latestprojects h1{
                    color: rgb(0, 0, 0);
                    margin-top: 6rem;
                    margin-left: 27rem;
                }
                .latestprojects img{
                    width: 20%;
                    margin-top: 5rem;
                    margin-left: 2rem;
                    margin-bottom: 1rem;
                
                }
                .latestprojects2 img{
                    width: 20%;
                    margin-left: 30rem;
                    margin-bottom: 1.80rem;
                    margin-top: -13rem;
                }
                .latestproject3 img{
                    width: 20%;
                    margin-left: 55rem;
                    margin-top: -37rem;
                    margin-bottom: 2.90rem;  
                }
                .backgroundimage4{
                    background-image: url(grey\ back.png);
                    background-size: cover;
                    position: relative;
                    width: 100%;
                    height: 500px;
                }
                .last1 img{
                    width: 10%;
                   margin-bottom: -10rem;
                   margin-left: 5rem;
                    
                   
                  }
                  .last1 p{
                      color: white;
                      margin-left: 30rem;
                      margin-top: -20rem;
                  }
                  .line1 img{
                      width: 10%;
                      margin-left: 17rem;
                      margin-top: -7.60rem;
                     margin-bottom: rem;
                  
                  }
                  .last2 h1{
                      margin-left: 18rem;
                      font-size: 20px;
                      color: rgb(255, 255, 255);
                      margin-top: 5rem;
                      margin-bottom: -4rem;
                  
                  }
                  .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: -3rem;
                      font-weight: 300;
                  }
                  .icons1 img{
                      width:2%;
                      margin-top: 7rem;
                      margin-left: 48rem;
                  }
                  .icons2 img{
                      width: 3%;
                      margin-top: -5.20rem;
                      margin-bottom: 2.50rem;
                      margin-left: 50rem;
                  }
                  .icons3 img{
                      margin-left: 53rem;
                      margin-top: -16rem;
                      width: 2%;
                      margin-bottom: 4rem;
                  }.last3{
                    margin-left: -8rem;
                  }
                  .last3 h1{
                      margin-left: 55rem;
                      margin-top: -18.70rem;
                  }
                  .last3 p{
                      margin-left: 55rem;
                  }
                  .last3 p1{
                      margin-left: 55.10rem;
                  }
                  .line2 img{
                   margin-left: 54rem;
                   width: 10%;
                   margin-top:-12rem;
                  }
                  .loc1 h1{
                      color: rgb(255, 248, 248);
                      margin-top: -9rem;
                     margin-left: 18rem;
                  }
                  .line3 img{
                      margin-left:25rem;
                      margin-top: -2rem;
                  }
                  .loc1{
                    margin-left: 8rem;
                  }
                  .loc1 p{
                      margin-left:19rem ;
                  }
                  .loc2 h1{
                      margin-top: -7rem;
                      margin-left: 55rem;
                  }
                  .line4 img{
                      margin-left:54rem;
                      margin-top: -18rem;
                      margin-bottom:4rem;
              }
              @media(max-width:375px){
                .backgroundimage{
                    background: url(Untitled\ design.png) no-repeat center; 
                    background-size: cover;
                    height: 400px;
                    width: 300%;
                    position: relative;
                }
                label.logo{
                    line-height: 80px;
                    padding: 0 30px;
                    margin-left: 2rem;
                }
                .button{
                    background-color:  rgb(202, 153, 16);
                    border: none;
                    color: white;
                    margin-left: 25rem;
                    padding: 15px 32px;
                    text-decoration: none;
                  }
                  .button:hover{
                      background-color:rgb(102, 87, 20); 
                      color: white;
                  }
                  .middleword{
                    margin-bottom: 4rem;
                }
                .middleword h1{
                    color: white;
                    margin-left: 23rem;
                    font-size: 40px;
                }
                .middleword p{
                    margin-left:  19rem;
                    color: white;
                    margin-top: 1rem;
                }
                .down-words{
                margin-bottom: 10rem;
                margin-top: -1rem;
            }
            .down-words p{
                color: white;
                background-color:rgb(219, 156, 21) ;
                text-align: center;
                height: 90px;
                width: 300%;
            }
            .down-words .button3{
                background-color:rgb(219, 156, 21);
                border: 1px solid white;
                border-radius: 3px;
                color: white;
                padding: 15px 32px;
                text-align: center;
                text-decoration: none;
                display: inline-block;
                font-size: 16px;
                cursor: pointer;
                margin-top: 1.50rem;
                margin-left: 1rem;
            }
            .partsinside{
                margin-bottom: 20rem;
                margin-top: -10rem;
                margin-left: -3rem;
            }
            .partsinside img{
                margin-top: -1rem;
            }
            .partsinside img{
                width: 10%;
                margin-left: 9rem;
                margin-top: 3rem;
            }
            .partsinside h1{
                color: white;
                font-size: 15px;
                margin-left: 9REM;
            }
            .partsinside p{
                color: rgb(95, 92, 84);
                font-size: 10px;
                font-weight: bold;
                
            }
            .m-partsinside{
                margin-bottom: 20rem;
                margin-top: -17rem;
                margin-left: -2rem;
                margin-right: -3rem;
            }
            .m-partsinside img{
                width:10%;
                margin-left: 32rem;
                margin-top: -30rem;
                margin-bottom: 10rem;
            }
            .m-partsinside h1{
                color: white;
                font-size: 15px;
                margin-left: 32rem;
                margin-top: -10rem;
            }
            .m-partsinside p{
                color: rgb(95, 92, 84);
                font-size: 10px;
                margin-left: 32rem;  
                font-weight: bold;
            }
            .lasticon{
                margin-left: -4rem;
                margin-bottom: 60rem;
                margin-top: -20rem;
            }
            .lasticon img{
                width: 10%;
                margin-left: 58rem;
                margin-top: -30rem;
                margin-bottom: 10rem;
            }
            .lasticon h1{
                color: white;
                font-size: 15px;
                margin-left: 58rem;
                margin-top: -10rem;
            }
            .lasticon p{
                color: rgb(95, 92, 84);
                font-size: 10px;
                margin-right: -40rem;
                font-weight: bold;
                overflow-x: scroll;
                overflow-y: hidden;
            }
            .backgroundimage2{
                    background: url(white\ background.png) no-repeat center; 
                    background-size: cover;
                    height:100%;
                    width: 300%;
                    position: relative;
                    margin-bottom: 60rem;  
                    margin-top: -58rem;
                }    
                .roles1{
                    margin-left: -2rem;
                    margin-bottom: 5rem;
                 }
                 .roles1 img{
                     width: 20%;
                     margin-left: 6rem;
                     margin-top: 4rem;
                 }
                 .roles1 h1{
                     color: rgb(255, 145, 0);
                     font-size: 14px;
                     margin-left: 6rem;  
                 }
                 .roles1 p{
                     color:rgb(54, 52, 50);
                     font-size: 9px;
                     margin-left: 6rem; 
                     font-weight: bold; 
                 }
                 .roles2{
                     margin-left: -6rem;
                     
                     
                 }
                 .roles2 img{
                     width:21%;
                     margin-left: 35rem;
                     margin-top: -40rem;
                     margin-bottom: 11rem;
                 }
                 .roles2 h1{
                 color: rgb(255, 145, 0);
                 font-size: 14px;
                 margin-left: 30rem; 
                 margin-top: -11rem;
                 
                 }
                 .roles2 p{
                     color: rgb(54, 52, 50);
                     font-size: 9px;
                     font-weight: bold;
                     margin-right: 2rem;
                     margin-top: 11rem;
                   }
                   .roles3 img{
                     width: 35%;
                     margin-left: 22rem;
                     margin-bottom:50rem;
                     margin-top: -19rem;
                   }
                   .roles3 h2{
                     color: rgb(255, 145, 0);
                     font-size: 14px;
                     margin-left: 22rem; 
                     margin-top: -50rem;
                    
                   }
                   .roles3 p{
                     color:  rgb(54, 52, 50);
                     font-size: 9px;   
                    margin-top: -0.10rem;
                   }
                   .numbers p{
                    color:rgb(196, 189, 189);
                    font-size: 17px;
                  margin-left: 4rem;
                  text-align: center;
                }
                .backgroundimage3{
                    background: url(white\ background.png) no-repeat center; 
                    background-size: cover;
                    height:100%;
                    width: 300%;
                    position: relative;
                    margin-top: -3rem;
                    
                }
                
                .latestprojects h1{
                    color: rgb(0, 0, 0);
                    margin-top: 6rem;
                    margin-left: 25rem;
                }
                .latestprojects img{
                    width: 30%;
                    margin-top: 5rem;
                    margin-left: 1rem;
                    margin-bottom: 1rem;
                
                }
                .latestprojects2 img{
                    width: 30%;
                    margin-left: 24.80rem;
                    margin-bottom: 1.80rem;
                    margin-top: -15.95rem;
                }
                .latestproject3 img{
                    width: 30%;
                    margin-left: 48rem;
                    margin-top: -37rem;
                    margin-bottom: 3.50rem;  
                }
                 .backgroundimage4{
                    background-image: url(grey\ back.png);
                    background-size: cover;
                    position: relative;
                    width: 100%;
                    height: 500px;
                }
                .last1 img{
                    width: 10%;
                   margin-bottom: -10rem;
                   margin-left: 5rem;
                    
                   
                  }
                  .last1 p{
                      color: white;
                      margin-left: 30rem;
                      margin-top: -20rem;
                  }
                  .line1 img{
                      width: 10%;
                      margin-left: 17rem;
                      margin-top: -7.60rem;
                     margin-bottom: rem;
                  
                  }
                  .last2 h1{
                      margin-left: 18rem;
                      font-size: 20px;
                      color: rgb(255, 255, 255);
                      margin-top: 5rem;
                      margin-bottom: -4rem;
                  
                  }
                  .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: -3rem;
                      font-weight: 300;
                  }
                  .icons1 img{
                      width:2%;
                      margin-top: 7rem;
                      margin-left: 48rem;
                  }
                  .icons2 img{
                      width: 3%;
                      margin-top: -5.20rem;
                      margin-bottom: 2.50rem;
                      margin-left: 50rem;
                  }
                  .icons3 img{
                      margin-left: 53rem;
                      margin-top: -16rem;
                      width: 2%;
                      margin-bottom: 4rem;
                  }.last3{
                    margin-left: -8rem;
                  }
                  .last3 h1{
                      margin-left: 55rem;
                      margin-top: -17.70rem;
                  }
                  .last3 p{
                      margin-left: 55rem;
                  }
                  .last3 p1{
                      margin-left: 55.10rem;
                  }
                  .line2 img{
                   margin-left: 54rem;
                   width: 10%;
                   margin-top:-12rem;
                  }
                  .loc1 h1{
                      color: rgb(255, 248, 248);
                      margin-top: -9rem;
                     margin-left: 18rem;
                  }
                  .line3 img{
                      margin-left:25rem;
                      margin-top: -2rem;
                  }
                  .loc1{
                    margin-left: 8rem;
                  }
                  .loc1 p{
                      margin-left:19rem ;
                  }
                  .loc2 h1{
                      margin-top: -5rem;
                      margin-left: 55rem;
                  }
                  .line4 img{
                      margin-left:54rem;
                      margin-top: -18rem;
                      margin-bottom:4rem;
            
              } 
                @media(max-width:320px)   {
                    .backgroundimage{
                        background: url(Untitled\ design.png) no-repeat center; 
                        background-size: cover;
                        height: 400px;
                        width: 340%;
                        position: relative;
                }  
                label.logo{
                    line-height: 80px;
                    padding: 0 30px;
                    margin-left: 2rem;
                }
                .button{
                    background-color:  rgb(202, 153, 16);
                    border: none;
                    color: white;
                    margin-left: 25rem;
                    padding: 15px 32px;
                    text-decoration: none;
                  }
                  .button:hover{
                      background-color:rgb(102, 87, 20); 
                      color: white;
                  }
                  .middleword{
                    margin-bottom: 4rem;
                }
                .middleword h1{
                    color: white;
                    margin-left: 23rem;
                    font-size: 40px;
                }
                .middleword p{
                    margin-left:  19rem;
                    color: white;
                    margin-top: 1rem;
                }
                .down-words{
                margin-bottom: 10rem;
                margin-top: -1rem;
            }
            .down-words p{
                color: white;
                background-color:rgb(219, 156, 21) ;
                text-align: center;
                height: 90px;
                width: 340%;
            }
            .down-words .button3{
                background-color:rgb(219, 156, 21);
                border: 1px solid white;
                border-radius: 3px;
                color: white;
                padding: 15px 32px;
                text-align: center;
                text-decoration: none;
                display: inline-block;
                font-size: 16px;
                cursor: pointer;
                margin-top: 1.50rem;
                margin-left: 1rem;
            }   
            .partsinside{
                margin-bottom: 20rem;
                margin-top: -10rem;
                margin-left: -3rem;
            }
            .partsinside img{
                margin-top: -1rem;
            }
            .partsinside img{
                width: 15%;
                margin-left: 9rem;
                margin-top: 3rem;
            }
            .partsinside h1{
                color: white;
                font-size: 15px;
                margin-left: 9REM;
            }
            .partsinside p{
                color: rgb(95, 92, 84);
                font-size: 10px;
                font-weight: bold;
                
            }
            .m-partsinside{
                margin-bottom: 20rem;
                margin-top: -20rem;
                margin-left: -2rem;
                margin-right: -3rem;
            }
            .m-partsinside img{
                width:15%;
                margin-left: 32rem;
                margin-top: -30rem;
                margin-bottom: 10rem;
            }
            .m-partsinside h1{
                color: white;
                font-size: 15px;
                margin-left: 32rem;
                margin-top: -10rem;
            }
            .m-partsinside p{
                color: rgb(95, 92, 84);
                font-size: 10px;
                margin-left: 32rem;  
                font-weight: bold;
            }
            .lasticon{
                margin-left: -7rem;
                margin-bottom: 60rem;
                margin-top: -20rem;
            }
            .lasticon img{
                width: 15%;
                margin-left: 58rem;
                margin-top: -30rem;
                margin-bottom: 10rem;
            }
            .lasticon h1{
                color: white;
                font-size: 15px;
                margin-left: 58rem;
                margin-top: -10rem;
            }
            .lasticon p{
                color: rgb(95, 92, 84);
                font-size: 10px;
                margin-right: -40rem;
                font-weight: bold;
                overflow-x: scroll;
                overflow-y: hidden;
            }
            .backgroundimage2{
                background: url(white\ background.png) no-repeat center; 
                background-size: cover;
                height:100%;
                width: 340%;
                position: relative;
                margin-bottom: 60rem;  
                margin-top: -58rem;
            }    
            .roles1{
                margin-left: -2rem;
                margin-bottom: 5rem;
             }
             .roles1 img{
                 width: 20%;
                 margin-left: 6rem;
                 margin-top: 4rem;
             }
             .roles1 h1{
                 color: rgb(255, 145, 0);
                 font-size: 14px;
                 margin-left: 6rem;  
             }
             .roles1 p{
                 color:rgb(54, 52, 50);
                 font-size: 9px;
                 margin-left: 6rem; 
                 font-weight: bold; 
             }
             .roles2{
                 margin-left: -7rem;
                 
                 
             }
             .roles2 img{
                 width:21%;
                 margin-left: 35rem;
                 margin-top: -40rem;
                 margin-bottom: 11rem;
             }
             .roles2 h1{
             color: rgb(255, 145, 0);
             font-size: 14px;
             margin-left: 28rem; 
             margin-top: -11rem;
             
             }
             .roles2 p{
                 color: rgb(54, 52, 50);
                 font-size: 9px;
                 font-weight: bold;
                 margin-right: 2rem;
                 margin-top: 11rem;
               }
               .roles3 img{
                 width: 35%;
                 margin-left: 22rem;
                 margin-bottom:50rem;
                 margin-top: -18rem;
               }
               .roles3 h2{
                 color: rgb(255, 145, 0);
                 font-size: 14px;
                 margin-left: 22rem; 
                 margin-top: -50rem;
                
               }
               .roles3 p{
                 color:  rgb(54, 52, 50);
                 font-size: 9px;   
                margin-top: -0.10rem;
               }
               .numbers p{
                color:rgb(196, 189, 189);
                font-size: 17px;
              margin-right:-1rem;
              text-align: center;
            }
            .numbers h1{
               margin-right: -12rem;
               text-align: center;
            }
            .backgroundimage3{
                background: url(white\ background.png) no-repeat center; 
                background-size: cover;
                height:100%;
                width: 340%;
                position: relative;
                margin-top: -3rem;
                
            }
            
            .latestprojects h1{
                color: rgb(0, 0, 0);
                margin-top: 6rem;
                margin-left: 25rem;
            }
            .latestprojects img{
                width: 30%;
                margin-top: 5rem;
                margin-left: 1rem;
                margin-bottom: 1rem;
            
            }
            .latestprojects2 img{
                width: 30%;
                margin-left: 23.80rem;
                margin-bottom: 1.80rem;
                margin-top: -15.95rem;
            }
            .latestproject3 img{
                width: 30%;
                margin-left: 46rem;
                margin-top: -37rem;
                margin-bottom: 3.50rem;  
            }
        }
              }
      }
    }