*{
    margin:0;
    padding:0;
}
/* style navbar */
#navbar{
    display:flex;
    position:relative;
    align-items: center;
}
.logo{
    margin:10px 34px;
}
.logo img{
    height:100px;
    width:100px;
    padding:14px 34px;
}
#navbar ul{
    display:flex;
    margin:34px 14px;
}
#navbar li{
    list-style:none;
}
#navbar li a{
    padding:14px 34px;
    text-decoration:none;
    font-size:1.3rem;
    color:white;
}
#navbar li a:hover{
    background-color:white;
    color:black;
    border-radius: 16px;
}
#navbar::before{
    content:"";
    background-color:rgb(63, 62, 62);
    position:absolute;
    top:0px;
    left:0px;
    height:100%;
    width:100%;
    z-index:-1;
    opacity:0.4;
}
/* home section */
#home{
    display:flex;
    flex-direction:column;
    padding:3px 200px;
    justify-content:center;
    align-items: center;
    height:495px;
}
#home::before{
    content:"";
    background:url(../tamato.jpg) no-repeat center center/cover;
    position:absolute;
    top:0px;
    left:0px;
    height:100%;
    width:100%;
    z-index:-1;
    opacity:0.89;
}
#home h1{
    color:white;
    text-align:center;
}
#home p{
    color:white;
    text-align:center;
    font-size:1.5rem;
}
#services{
    margin:24px;
    display:flex;
}
#services .box{
    border:4px solid brown;
    border-radius:23px;
    padding:34px;
    background-color:rgb(240, 224, 224);
    margin:14px;
}
#services .box p{
    text-align:center;
}
#services .box img{
    height:100px;
    display:block;
    margin:auto;
}


.h-primary{
    font-size:2.8rem;
    padding:12px;
}
.h-secondary{
    font-size:2.1rem;
    padding:12px;
}
#client{
    display:flex;
    justify-content: center;
    align-items:center;
    margin:34px;
}
#client-section{
    position:relative;
}
#client-section h1{
    font-size:2.8rem;
}
.client-item img{
    width:200px;
    height:200px;
    padding:14px 34px;

}
#client-section::before{
    content:"";
    background:url(../freshvegitable.jpg) no-repeat center center/cover;
    position:absolute;
    height:111%;
    width:100%;
    z-index:-1;
    opacity:0.4;

}
#contact{
    position:relative;
}
#contact::before{
    content:"";
    background:url(../contact.webp) no-repeat center center/cover;
    position:absolute;
    height:100%;
    width:100%;
    z-index:-1;
    opacity:0.7;

}
#contact-box input,#contact-box textarea{
    width: 100%;
    padding:0.5rem;
    border-radius:9px;
    font-size:1.1rem;
}
#contact-box{
    display:flex;
    align-items:center;
    justify-content:center;
    padding:34px;
}
#contact-box form{
    width:40%;
}
#contact-box label{
    font-size:1.3rem;
}
footer{
    background:black;
    color:white;
    padding:9px 20px;
}
.btn{
    padding:6px 20px;
    border:2px solid white;
    background:brown;
    color:white;
    margin:17px;
    font-size:1.5rem;
    border-radius:10px;
    cursor:pointer;
}
.center{
    text-align: center;
}
.swiggy{
    color: white;
    text-decoration: none;
}
.btn:hover{
    background-color: black;
}