*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    scroll-behavior: smooth;
   
    
}

.link_sec{
    background-color: #0C0C0C;
    color: white;
    display: flex;
    justify-content: end;
    align-items: center;
    padding:0.5rem 5rem 0.5rem 5rem;
    width:100vw;
    gap:2rem;
    font-size:0.8rem;
   
}
.left{
    display:flex;
    gap:2rem;
}
.right ul{
    display: flex;
    gap:1.5rem;

}
.right ul li{
    list-style: none;

}
.right ul li a{
    color: white;
}

.email_sec,.mobile_sec{
    display: flex;
    gap:7px;
}

/* nav bar */
.poppins-medium {
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    font-style: normal;
  }

#click{
    display: none;
}
.head
  {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: white;
    position:sticky;
    top: 0;
    box-shadow: 0px 0px 10px gray;
    padding:1rem 5rem;
  }
  #title {
    font-size: 1.5rem;
    font-weight: 600;
    color: black;
    text-shadow: 2px 2px 2px block;
  }
  #menu 
  {
    display: none;
    font-weight: bold;
    font-size: 1.5rem;
    cursor: pointer;
    color: #605d6d;
  }
  #menu:hover {
    color: black;
  }
  .head a {
    text-decoration: none;
  }
  .head ul {
    display: flex;
    gap: 40px;
  }
  .head ul li {
    list-style: none;
  }
  .head ul li a {
    font-size: 0.8rem;
    text-transform: uppercase;
    color: #605d6d;
    font-weight: bold;
  }
  .head ul li a:hover {
    color: black;
  }



/* banner */
.zindex{
    z-index: -1;
}
/* contact button */
.poppins-semibold {
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    font-style: normal;

  }
.contact_btn{

    background-color: #FFC700;
    width:100vw;
    padding:2rem 5.5rem 2rem 5.5rem;
    display: flex;
    justify-content:space-between;
    align-items: center;
}
.contact_btn a{
    text-decoration: none;
    color:white;
}
.quality{
    display: flex;
    gap:1.5rem;
    width:400px;
    
}
.quality_icon{
    font-size:2rem;
    color: white;
}
.quality_pa_pa{
    color: white;
}
.hour{
    display: flex;
    gap: 1.5rem;
    width:400px;
}
.hour_icon{
    font-size:2rem;
    color: white;
}
.contact_btn button{
padding:0.6rem 1.2rem; 
background-color: #A94438;
color: white;
border: none;
cursor: pointer;   
}

/* CHOOSE BOX */
.choice{
    display: flex;
    justify-content: center;
    align-items: center;
    width:100vw;
    padding:3rem 0 3rem 0;
    background-color:#f1f3ed;
    
}
.choice div{
    display: flex;
    flex-direction: column;
    gap:1.5rem;
    align-items: center;
    text-align: center;
}
.choice_heading{
    font-size:1.5rem;
    border-bottom:3px solid #A94438 ;
}
.choice_para{
    color:#686866;
}

.choice_box{
    width:100vw;
    background-color:#f1f3ed;
    padding:3rem 0rem 3rem 5rem;
}
.choice_box_child{
    width:100%;
    height:100%;
    display: flex;
    flex-wrap: wrap;
    gap:1rem;
}
.boxex{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap:1rem;
    width:30%;
    height:220px;
    background-color: white;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    padding:1rem;
}
.box_icon i{
    font-size:3rem;
    color: #A94438;
}

/* workdone */
.workdone{
    width:100vw;
    height:450px;
    background-image: url(image/image.png);
    padding:3rem 5rem 2rem 0;
    background-size:cover;
    color: white;
}
.workdone_child{
display: flex;
justify-content: end;
align-items: center;
}
.workdone_child .left{
    display: flex;
    flex-direction: column;
    align-items: end;
    line-height:40px;
    font-weight:900;

}
.left p{
    text-align:end;
    width:600px;
    font-weight:500;
    line-height:20px;
}

.data{
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    gap:3rem;

}
.data_box{
    /* width:170px;
    height:110px; */
    /* border: 1px solid white; */
    line-height:40px;
    
}

/* about */
.about{
    width:100vw;
    display: flex;
    flex-wrap: wrap;
    gap:1rem;
    justify-content: space-between;
    padding:6rem 5rem 6rem 5rem;
    /* background-color:#f1f3ed; */

}
.about_logo{
    width:38%;
    
}
.about_logo img{
    width: 100%;
}
.about_company{
    width:55%;
    
}
.about_company span{
    font-size:1.5rem;
    border-bottom:3px solid #A94438;
    
}
.about_company p{
    margin:2rem 0rem 0rem 0rem;
    line-height:25px;
    
}

.choice_para ul{
    display: flex;
    gap:2rem;

}
.choice_para ul li{
    list-style: none;
    color: #686866;
    cursor: pointer;
    
}
.image_gallery{
  display: flex;
  width:100vw;
  flex-wrap: wrap;
  /* padding-bottom:2rem; */
}
.img_gal{
    width:25%;
    height:230px;
}
.img_gal img{
    width:100%;
    height:100%;
}

.msg_btn{

    background-color: #FFC700;
    width:100vw;
    padding:1.5rem 0rem 1.5rem 0rem;
    display: flex;
    flex-wrap: wrap;
    justify-content:space-evenly;
    align-items: center;
}

.msg_btn button{
    padding:0.6rem 1.2rem; 
background-color: #1A2130;
/* color: white; */
border: none;
cursor: pointer;
}
.msg_btn button a{
    color: white;
    text-decoration: none;
}
/* clients */

.clients{
    padding:4rem 5rem 5rem 5rem;
    display: flex;
    justify-content: center;
    align-items:center;
    gap:3rem;
    flex-direction: column;
}
.client_head{
    text-align: center;

}
.client_head span{
    border-bottom:3px solid #A94438;
   font-size:1.5rem;
   
}
.client_head p{
    margin-top:2rem;
}
.client_img{
    padding:1.5rem 0;
}
.pad{
    padding:3rem 0 3rem 0;
}

/* video player */
.video_player{
    width:100vw;
    padding:0rem 5rem 2rem 5rem;
    
}
.video_box{
    /* border:1px solid black; */
    height:500px;
    border-radius:10px;
    display: flex;
    justify-content: center;
    align-items: center;
    /* background-color: #FFC700; */
}
.video{
    width:80%;
    height:80%;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    /* border:1px solid black; */
    background-color:#A94438;

}
video{
    width:100%;
    height:100%;
}
/* footer */
.footer{
    width:100vw;
    background-color:#191919;
    padding:4rem 5rem ;
}
.footer_box{
    width:100%;
    height:100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap:1rem;
}
.footer_boxex{
    width:22%;
    height:100px;
    border:1px solid #444444;
}
.last{
    display: flex;
    justify-content: center;
    align-items: center;

}
.last span{
    padding:2rem 0 0rem 0;
    color: #686866;
}

.info{
    display: flex;
    justify-content:space-around;
    align-items: center;

}
.info_icon i{
    color: #FFC700;
    font-size:3rem;
}
.info_writing{
    display: flex;
    flex-direction: column;
    /* justify-content: space-evenly; */
    /* gap:0.2rem; */
    color:white;
    margin-top:1rem;
}
.fontsize{
    font-size:1.3rem;
}
#check{
    display: none;
}

/* contact line */
.contact_line{
    width:100vw;
    padding:1rem 5rem;
    background-color: #f7f7f7;
}

/* contact three box */
.contact_box{
    padding:5rem 5rem 1.5rem 5rem;
    width:100vw;
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-wrap: wrap;
    
}

.child_contact{
    width:30%;
    height:150px;
    background-color: #0C0C0C;
    display: flex;
    align-items: center;
    gap:1rem;
    flex-direction: column;
    padding:0.7rem;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}
.contact_box_data{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.main_contact{
    padding:1rem 5rem 2rem 5rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}
.main_contact .map{
    width:48%;
    height:350px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    /* border:1px solid black; */
}
.map span{
    border-bottom:3px solid #A94438;
    font-size:1rem;
    width:15%;
    
}
.google_map{
    width:100%;
    height:80%;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}
.login_form{
    width:100%;
    height:80%;
    background-color:#f7f7f7;  
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px; 
    display: flex;
    justify-content: center;
    align-items:center;
}
form{
    width:90%;
    height:85%;
    display: flex;
    flex-direction:column;
    gap:1.2rem;
}
form input{
    padding:0.4rem;
    border-radius:3px;
    border:1px solid #ddddda;
}
input[value]{
width:25%;
background-color: #A94438;
color: white;
}
/* about image */
.about_img{
    width:100%;
    height:250px;
}
.about_img img{
    width:100%;
    height: 100%;
}

/* about our company page */
.company_about{
    display: flex;
    justify-content: center;
    align-items: center;
    width:100vw;
    padding:3rem 0 3rem 0;
    
}
.company_about div{
    display: flex;
    flex-direction: column;
    gap:1.5rem;
    align-items: center;
    text-align: center;
}
.company_heading{
    font-size:1.5rem;
    border-bottom:3px solid #A94438 ;
}
.company_para{
    color:#686866;
}
.company_about_box{
    width:100vw;
    padding:1rem 5rem 4rem 5rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}
.caresoul1{
    width:48%;
    height:360px;
    
}
.caresoul2{
    width:48%;
    height:360px; 
}
/* team */
.team{
    width:100vw;
    padding:1rem 5rem 4rem 5rem;
    display: flex;
    flex-wrap: wrap;
    gap:1rem;
    background-color:#f1f3ed;
    
}
.team_box{
    width:23%;
    height:400px;
    padding:0.5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap:1.5rem;
    border:1px solid #c8c8c6;
    border-radius:10px;
    background-color: white;
}
.teambox_img{
    height:60%;
    width:100%;
    background-color:#f1f3ed;
}
.team_box .name_size{
    font-size:1.3rem;
    
}
.team_links{
    display: flex;
}
.team_links li{
    border:1px solid #b9b9b5;
    padding:0.1rem 0.7rem;
    list-style: none;
}
.team_links li i{
    color:#686866;
}
.service{
    padding:3rem 5em 3rem 5rem;
}
.service_box{
    padding:1rem 5rem 3rem 5rem;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap:3rem; 
}
.service_box_box{
    width:47%;
    height:130px;
    border:1px solid #A94438;
    border-radius:5px;
    padding:1rem 1.5rem 2rem 1.5rem;
    display: flex;
    justify-content: space-between;
    gap:01rem;

}
.service_icon{
    width:20%;
    height:100%;
    /* border:1px solid #A94438; */
    background-color: #A94438;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius:5px;
}
.service_icon i{
    color: white;
    font-size:2.5rem;
}
.service_data{
    display: flex;
    flex-direction: column;
    gap:0rem;
    
}
/* media quaries */
@media(max-width:997px){
    
    .link_sec{
         padding:1.3rem 7rem 1.3rem 7rem;
    }
    .all_padding{
        padding-left:8rem;
        padding-right:8rem;
    }
   
   
    .boxex{
        width:45%;
        padding:0.7rem;
    }
    .about_logo{
        width:100%;
        
    }
   
    .about_company{
        width:100%;
        
    }
    .about_company div{
        font-size:1.5rem;
        border-bottom:3px solid #FFC700;
        width:40%;
        
    }
    .about_company p{
        margin:2rem 0rem 0rem 1rem;
        line-height:30px;
        font-size:1.5rem;
    }
    .img_gal{
        width:30%;
        height:250px;
    }
    .team{
        padding:1rem 4rem 3rem 4rem; 
    }
    .team_box{
        width:45%;
        height:500px;
        padding:0.5rem;
        gap:1.5rem;
        
    }
    .service_box_box{
        width:100%;
        height:130px;
        border:1px solid #d2d2d1;
        border-radius:5px;
    }

}

@media(max-width:767px){
   
    .head ul{
        position: fixed;
        top:4rem;
        left:-110%;
        width:100vw;
        height:330px;
        display: flex;
        flex-direction:column;
        gap:40px;
        align-items: center;
        padding:25px 0;
        background: transparent;
        backdrop-filter: blur(5px);
        transition:all 0.3s;
        
     }
    
    #click:checked ~ ul{
        left:0%;
    }
    
    .head ul li a{
        font-size:18px;
        color: black;
       }
    
    
      #menu {
        display: block;
      
      }
    
      .head a {
        text-decoration: none;
      }
      
    
      .logo {
        border-radius: 20px;
      }
    
.head{
    padding:1rem 4rem;
}
    .link_sec{
         padding:1rem 7rem 1rem 7rem;
         flex-wrap: wrap;
         justify-content: start;
    }
    .all_padding{
        padding-left:8rem;
        padding-right:8rem;
    }
    .nav_bar{
        padding:1rem 5rem 1rem 5rem;
        font-size:1.5rem;
    }
 
      .icon_name{
        font-size:1.2rem;
      }
      .icon{
        width:70px;
        height:40px;
    }
    .contact_btn{
        flex-wrap: wrap;
        gap:1rem;


    }
    .quality{
        width:500px;
        
    }
    .hour{
        width:500px;
    }
    .choice{
        
        padding:3rem 4rem 3rem 4rem;
        
    }
    .boxex{
        width:100%;
        padding:0.5rem;
       
    }
    .data{
        flex-direction: column;
    
    }
  
    .workdone{
       
        height:auto;
        padding:3rem 4rem 2rem 4rem;
       
        /* object-fit:contain; */
    }
    
    .left p{
        display: none;
    }
    #head{
        display: none;
    }
    .about{
        padding:5rem 4rem 5rem 4rem;
    }
    .img_gal{
        width:50%;
        height:250px;
    }
    .video_box{
        /* border:1px solid black; */
        height:350px;
    
    }
    .footer{
        
        padding:2rem 4rem ;
    }

    .footer_boxex{
        width:47%;
        height:100px;
        border:1px solid #444444;
    }
    .child_contact{
        width:95%;
        height:160px;
    }
    .contact_box{
        padding:3rem 1rem 1.5rem 3rem;
        gap:1rem;
       
    }
    .main_contact .map{
        width:95%;
       gap:1rem;
    }
  
    .company_about_box{
        padding:1rem 4rem 2rem 4rem;
        gap:1rem;
    }
    .caresoul1{
        width:100%;
        
    }
    .caresoul2{
        width:100%;
        height:auto; 
    }
    .team{
        padding:1rem 4rem 3rem 4rem; 
    }
    .team_box{
        width:95%;
        height:550px;  
    }
    .service_box{
        padding:1rem 4rem 3rem 4rem;
        gap:2rem; 
    }
    .service_box_box{
        width:100%;
        height:140px;
      
    }
  
}


@media(max-width:500px){
    .about_img{
        width:100%;
        height:150px;
    }
    .link_sec{
         padding:1rem;
         flex-wrap: wrap;
         justify-content: start;
    }
    .all_padding{
        padding-left:8rem;
        padding-right:8rem;
    }
    .nav_bar{
        padding:1rem;
        font-size:1.5rem;
    }
      .icon_name{
        font-size:0.8rem;
      }
      .icon{
        width:60px;
        height:35px;
    }
    .contact_btn{
        flex-wrap: wrap;
        gap:1rem;
       padding:1.5rem 1rem 1.5rem 1rem;

    }
    .quality{
        width:auto;
        
    }
    .hour{
        width:auto
    }
    .choice{
        padding:1.5rem;
        
    }
    .img_gal{
        width:100%;
        height:300px;
    }
    .clients{
        padding:3rem 4rem 3rem 4rem;
        gap:2rem;
       
    }
  
    .client_head span{
        
       font-size:1.7rem;
       
    }

    .client_img{
        padding:1rem 0;
    }
    .pad{
        padding:1.5rem 1rem 1.5rem 1rem;
    }
    .about{
        padding:2rem 1rem;
        /* background-color:#f1f3ed; */
    
    }
    .caresoul1{
        width:100%;

    }
    .caresoul2{
        width:100%;
        height:auto; 
    }
    .clients{
        padding:1rem 1rem 1rem 1rem;
      
    }
    .msg_btn{
        padding:1.5rem 1rem 1.5rem 1rem;
       gap:1rem;
    }
 
    .video_box{
        /* border:1px solid black; */
        height:260px;
        
    }
    .video{
        width:90%;
        height:95%;
        /* border:1px solid black; */
    
    }
    .footer{
        
        padding:1.5rem 1rem ;
    }

    .footer_boxex{
        width:95%;
        height:100px;
        border:1px solid #444444;
    }
    .choice_box{
        padding:1rem 1.5rem;
    }
    .box_icon i{
        font-size:4rem;
    }
    .workdone{
       
        padding:3rem 1.5rem 2rem 0;
        
    }
    .about_company p{
        
        font-size:1rem;
        text-align: justify;
        
    }
    .video_player{
        width:100vw;
        padding:1rem 1rem 2rem 1rem;
        
    }
    .child_contact{
        width:98%;
        height:160px;
    }
    .contact_box{
        padding:1.5rem 1rem 1.5rem 1.5rem;
        gap:0.7rem;

       
    }
    .main_contact{
        padding:1rem 1.5rem 1.5rem 1.5rem;
       gap:1rem;
    }
    .company_about_box{
        padding:1rem 1.5rem 2rem 1.5rem;
        gap:1rem;
    }

    .team{
        padding:1rem 1.5rem 3rem 1.5rem; 
    }
    .service_box{
        padding:1rem 1.5rem 3rem 1.5rem;
        gap:2rem; 
    }
    .service_box_box{
        width:100%;
        height:auto;
    }
    .head{
        padding:1rem 1.5rem;
    }
}