*{
    margin: 0px;
    padding: 0px;
}
html{
    scroll-behavior: smooth;
}
body{
    width: 100%;
    font-family: 'Comfortaa', cursive;
    
}
.navhome{
    height: 450px;
}
 #navbar{
    display: flex;  
    position: fixed;   
    
} 
/* #logo{
    display: none;
} */


.list{
    display: flex;
    flex-direction: row;
    list-style: none;
    /* width:40%;  */
     height: 50px; 
     background-color: rgb(220 13 13);
    color: rgb(250, 245, 245);
     padding: 3px 33px 3px 33px; 
    font-weight: bold;
    font-size: 1.3rem; 
    align-items: center; 
    border-radius: 0px 20px 20px 0px;
    justify-content: space-evenly;
}
#logo img{
    height: 55px;
    width: 50px;
}
#navbar ul li a{
   
    color: white;
    display: block;
    padding: 3px 20px;
    /* border-radius: 20px; */
    text-decoration: none;
    
}

#navbar ul li a:hover{
    background-color: red;
   background-color: white;
   color: black;  
   /* padding-left:5px; */
   /* padding-right: 5px; */
    border-radius: 10px; 
   /* margin: 0px; */
}
#navbar ul li a:active{
    background-color: brown;
}
/* home section */
#home{
    display:flex;
    width:100%;
    height: 95%;
    flex-direction:column; 
    align-items: center; 
    justify-content: center;
    
       
}
/* #home::before{
    display: block;
    content: "";
    position: absolute;
    width:100%;
    height: 80%;
    background: url(bg1.jpg) no-repeat center center/cover;
    opacity: 0.8;
    z-index: -1;  
} */
#home::before{ 
    content: "";
    position: absolute;
    background: url('../img/bg1.jpg') no-repeat center center/cover;
    height: 450px;
    top:0px;
    left:0px;
    width: 100%;
    z-index: -1;
    /* background-blend-mode: darken; */
    filter: brightness(50%);
}
.h-primary{
    font-size:3.8rem;
    padding:12px ;
    font-weight:bolder;
}
.h-secondary{
    color: white;
    font-size: 2rem;
    padding: 10px;
}
#home h1{
    color: white;
    text-align: center;
    
}
#home h1{
    color: white;
    text-align: center  ;
}
#home p{
    color: rgb(253, 253, 253);
    text-align: center  ;
    font-size: 1rem;
    font-weight: bold;
}
#btn{
    margin: 20px;
    padding: 6px 20px;
    /* border: 2px solid white; */
    background-color:  rgb(220 13 13);
    color:white;
    border-radius: 12px;
    cursor: pointer;
    border: none;
    height: 50px;
    width: 150px;
    font-size: 1rem;

}
#btn:hover{
   background-color: red;
 
}

.service-container{
 display: flex;
 /* border: 2px solid red; */
 
 flex-direction: column;
 text-align: center;
 color:rgb(14, 13, 13);
 align-items:center;
 padding: 0px 30px 10px 30px;
 
}
.services{
    display: flex;
    /* height: 200px; */
    width: 100%;
    justify-content: space-evenly;
    text-align: center;   
    
}
/* .navhome{
    background: url(bg1.jpg) no-repeat center center/cover;
    z-index: -1;
    opacity: 0.9;

} */

.box{
    /* height:100px; */
     /* width:300px;  */
     border: 2px solid rgb(230, 95, 54);
     border-radius: 15px;
     margin: 25px;
     /* height: 300px; */
     padding:10px;
     background-color: rgb(218, 221, 247);
}
.box img{
    display: block;
    height: 160px;
    margin:auto;
    cursor: pointer;
    
}
#myclients::before{
    content: "";
    position: absolute;
    background:url('../img/bg3.jpg') no-repeat center center/cover;  
    opacity: 0.6; 
    /* filter: brightness(50%); */
    height: 400px;
    width: 100%;
    z-index: -1;
   
}
 .heading{ 
    font-size: 2rem;
    font-weight:900;
} 
.ourclients{
 display: flex;
 flex-direction: column;
 align-items: center;
 justify-content: space-evenly;
 width: 100%;
 height: 400px;
 /* border: 2px solid red; */
}
.clients{
    display: flex;
    justify-content: center;
    align-items: center;
     width: 100%; 
}
.clientcontainer{
 display: flex;
 flex-direction: column;
 align-items: center;
 height: 200px;
 width: 150px;
}
/* .clientitem{
height: 150px;
width: 150px;
} */
/* .otherpage{
    background-image: url('../img/otherbg.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    filter: brightness(50);
} */
.restro{
    display: flex;
    justify-content: space-around;
    width: 30%;
}
.rest{
    display: flex;
    justify-content: center;
    width: 15%;
}
.otherpage::before{
    content: "";
    position: absolute;
    background:url('../img/otherbg.jpg') no-repeat center center/cover;  
    filter: brightness(30%);
    color: white;
    height: 1000px;
    width: 100%;
    z-index: -1;
   
}
.otherpage{
    color: white;
}
.contactus::before{
    content: "";
    position: absolute;
    background:url('../img/cake-1284548.jpg') no-repeat center center/cover;  
    opacity: 0.7;
    color: white;
    height:560px;
    width: 100%;
    z-index: -2;
}
.contactus{
  /* border: 2px solid red;  */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 500px;
    padding-top: 30px;
    padding-bottom: 14px;
    overflow: hidden;
    
}

.btn{
    margin: 16px;
    padding: 6px 20px;
    border-radius: 12px;
    cursor: pointer;
    height: 50px;
    width: 150px;
    font-size: 1rem;
}
form{
 width:40%
}
.form-group{
    display: flex;
    flex-direction: column;
    width: 100%;
    margin: 10px;
    font-size: 1.3rem;
}
.form-group input{
    height: 23px;
}
.form-group textarea{
    width: 100%
}
#contactbtn{
    display: flex;
    align-items: center;
    justify-content: center;
}
.footer{
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgb(24, 24, 48);
    color: white;
    height: 30px;
    padding: 5px;
}
.about{
   padding: 50px 5px 100px 5px;
}
.about h1{
    margin: 5px;
    padding-left:5px ;
    
}
.about p{
    /* border: 3px solid white; */
    padding: 10px;
}
.ordercontainer{
    padding: 50px 10px 0px 5px ;
    display: flex;
    justify-content: center;
}
.loginbtn{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly;
    width: 60%;
    height: 500px;
    /* border: 2px solid rebeccapurple; */
}
.log{
    width: 100%;
    font-size: 1.3rem;
    padding: 5px;
}
#fb{
    background-color:#4343cf;
    color: white;
    cursor: pointer;
}
#google{
    color: #dc4e41;
    cursor: pointer;
    
}
#submit{
    font-size: 1.3rem;
    padding: 5px;
    color: gray;
}