*{
    margin:0;
    padding:0;
    box-sizing: border-box;
    font-family: "Merriweather", serif;
    }
    .all-content{
        background-color: #f7f5f2;

    }
    html::-webkit-scrollbar-track{
        color: white;
        background: transparent;
    }
    html::-webkit-scrollbar-thumb{
        background: #b2744c;
        border-radius: 10px;
     }

     html::-webkit-scrollbar{
        width:10px;

     }
     /*navbar start*/
     #navbar{
        background-color: #5C4033;
     }
     #logo img{
        border-radius:10px;
        width:160px;
        margin-left:40px;
    }
     
     .navbar-nav{
        margin-left:50px;

     }
     .nav-item.nav-link{
        color:black;
        margin-left:10px;
        font-weight: bold;
        transition: 0.5s;
     }
     .nav-item .nav-link:hover{
        background-color: #f7f5f2;
        border-radius:5px;
        color: black;
     }
     #navbar form button{
        background-color: black;
        color:white;
        border:1px solid white;

     }
     
     /*navbar ends*/











     /*home section start*/
     #home{
        width: 100%;
        height:90vh;
        background-image: linear-gradient(rgba(0,0,0,0.3),rgba(0,0,0,0.3)), url(images.avif);
        background-repeat: no-repeat;
        background-size: cover;
        background-position:88% ;
     }
     #home .content{
        padding-top: 210px;
        margin-left:56px;

     }
     #home .content h3{
        font-size: 50px;
        color:white;

     }
     #home .content p{
        margin-top:10px;
        color:white;

     }
     #btn{
        width:150px;
        height:36px;
        margin-top:20px;
        background: white;
        border-radius: 5px;
        font-weight: bold;
        border:none;
        transition:0.5s ease;
        cursor:pointer;
     }
     
     #btn:hover{
        background: #b2744c;
        color: white;
     }
     /*home section end*/
     /*about section start*/
    #about{
        width:100%;
        height: 100vh;

    }
    #about .container{
        padding-top:70px;
    }
    .heading{
        text-align:center;
        margin-bottom: 50px;
        color: black;
        font-size:30px;
        font-weight: bold;

    }
    .heading span{
        color:#b2744c;

    }
    #about .card{
        border-radius:10px;

    }
    #about-btn{
        width:200px;
        height:36px;
        background: transparent;border:2px solid #b2744c;
        color:#b2744c;
        border-radius:5px;
        font-weight: bold;
        transition:0.5s;
        cursor:pointer;
    }
    #about-btn:hover{
        background-color:#b2744c;
        color:white;


    }
    @media screen and (max-width:982px){
        #about p{
            font-size:8px;
        }
    }
    @media screen and (max-width:766px){
        #about p{
            font-size:15px
        }
        #about{
            height:120vh;
        }
    }


    /*about section end*/











    /* top card start*/
    #top-cards{
        width:100%;
        height:60vh;
        background:#f7f5f2;

    }
    .heading2{
        color:black;
        text-align: center;
        font-size:30px;
        font-weight:bold;
    }
    .heading2 span{
        color:#b2744c;

    }
    #top-cards .container{
        margin-top: 30px;

    }
    #top-cards .card{
        border-radius: 10px;
        transition: 0.5s;
        cursor:pointer;
    }
    #top-cards .card img{
        border-radius:10px;
    }
    #top-cards .card:hover{
        transform:translateY(-10px);
    }



    /* top card end*/




    
    /*menu start*/
    #menu{
        width:100%;
        margin-top:30px;

    }
    .heading3{
        text-align:center;
        font-size:30px;
        color:#b2744c;
        font-weight: bold;
        border-bottom: 2px solid #b2744c;
    }
    #container2{
        margin-top:50px;

    }
    #menu .card{
        box-shadow: rgba(149,157,165,0.2) 0px 8px 24px;

    }
    .star i{
        color:#b2744c;

    }
    #menu h3{
        text-align: center;
        color:#b2744c;
        margin-top: 10px;
        font-size: 25px;
    }
    #menu p{
        font-size: 16px;
        color:#b2744c;
        padding-top:10px;
    }
    #menu p span{
        float:right;
        cursor:pointer;
    }












    /*menu end*/










    /* product section start*/
    #product{
        width:100%;
        margin-top: 30px;
    }
    .heading4{
        text-align: center;
        color:#b2744c;
        font-size: 30px;
        font-weight: bold;
        padding-top: 100px;
        border-bottom: 2px solid #b2744c;
    }
    #container h3{
        text-align: center;
        color: #b2744c;
        font-size: 23px;
    }
    #product p{
        color:#b2744c;
        padding-top: 10px;
    }
    #product p span{
        float:right;
        cursor:pointer;
    }



 /* product section end*/









 /*our gallrey start*/

 #gallery{
    width:100%;
    margin-top: 30px;

 }
 .heading5{
    text-align: center;
    font-size: 30px;
    color:#b2744c;
    margin-top: 60px;
    font-weight: bold;
    border-bottom: 2px solid #b2744c;

 }
 #gallery .heading5 span{
    color:#b2744c;


 }
 #gallery .card{
    border-radius: 10px;
    cursor:pointer;
 }
 #gallery .card img{
    border-radius:10px;
 }
 /*our gallrey end*/ 




 /*contact start*/
 #contact{
    width:100%;
    height:100vh;
    padding-top:70px;

 }
 #contact .container{
    width:100%;
    height:80vh;
    background: linear-gradient(90deg, white 80%,#b2744c 20%);
    border-radius:10px;
 }
 .headings{
    font-size:30px;
    font-weight:bold;
    margin-top:70px;
 }
 .heading6 span{
    color:#b2744c;

 }
 #contact input{
    width:360px;
    border:none;
    border-bottom:1px solid #b2744c;
 }
 #contact-btn{
    width:200px;
    height:36px;
    border:none;
    background:#b2744c;
    color: white;
    font-weight:bold;
    margin-top:30px;
    cursor:pointer;

 }
 
 @media screen and(max-width:766px){
    #contact .container{
        background:white;

    }
    #col{
        width:100%;
        background:#b2744c;

    }
    #contact{
        heaight:150vh;
    }
 }
 @media screen and(max-width:400px){
    #contact input{
        width:250px;
    }
 }



/*contact end*/








/*Footer start*/
#footer{
    width:100%;
    background:#b2744c;
    margin-top: 50px;
}
.footer-logo img{
    width: 180px;
    border-radius: 10px;
    margin-top:30px;
    cursor:pointer;

}
#footer .social-links i{
    font-size: 17px;
    margin-left: 10px;
    padding:10px;
    background:black;
    color:white;
    border-radius:10px;
    cursor:pointer;
} 

.credits{
    color:white;
    margin-top: 20px;
    text-shadow: 0px 0px 1px black;


}
.credits a{
    text-decoration: none;
    color:black;
    font-weight: bold;
}
#credits a span{
    color:black;

}
.copyrights span{
    color:black;

}

    





/*footer ends*/
html{
    scroll-behavior: smooth;
}
.arrow{
    position:fixed;
    height: 50px;
    bottom: 40px;
    right:50px;
    text-align: center;
    line-height: 50px;

}