*{
    margin: 0;
    border: border-box;
    font-family: Arial;

}

.navbar{
    height: 60px;
    padding: 10px;
    color:#ee4824;
    background-color: #fff6f0;
    display: flex;
    align-items: center;
    
justify-content: space-between;


}


.border:hover{
border: 1.5px solid black;
}
.nav-logo{
    height: 85px;
    width: 100px;

}
.logo{
    background-image: url('IMAGE/iogo_hotel.png');
    background-size: cover;
    height: 85px;
    width: 100%;
    padding: 0;

}
.add-first{
    font-size: 0.85rem;
}
.add-second{
    font-size: 1.2rem;
}

.nav-search{
    display:flex;
    height: 50px;
    width: 800px;
    border-radius: 2.5px;
    margin-right: 20px;
    
}

.search-input{
width: 100%;
border: none;
font-size: 0.95rem;
}

.nav-login i{
    font-size: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 7px;
    padding: 10px;
}
.nav-cart i{
    font-size: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 15px;
    width: 55px;
}
.nav-menu{
    font-size: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 15px;
    width: 55px;
}

h2{
   text-align: center;
   color: #333;
   margin-top: 25px;
    font-size: 30px;
}
p{
    text-align: center;
    margin-top: 10px;
    color: #ee4824;
    font-size: 20px;

}
#outer-box{
    height: 700px;
width:1360px;
overflow: hidden;

}
#slider-box{
    position: relative;
    width:4500px;
    animation: cozy 6s 2s infinite;
}
#slider-img{
    float: left;
    width: 900px;
    
}
@keyframes cozy{
    from{
        left: 0px;
    }
    to{
        left:-1200px;
    }
}

h1{
    text-align: center;
}
.top-food{
    border:0px solid green;
    height: 378px;
   display: flex;
   justify-content:space-around;
    
}
.topfood-items{
    border: 0px solid orange;
    width:350px ;
    height:320px;
float: left;
margin-top: 15px;
margin-bottom: 15px;
box-shadow: 0 4px 8px rgba(0,0,0,0.4),0 6px 20px 0 rgba(0,0,0,0.35);
transition: transform 1s;

}
.topfood-items:hover{
    transform: scale(1.4);
}



.topfood-items img{
    width:350px;
    height:255px;
}
.checked{
    color: #ee4824;
   
}
.starX{
    border: 0px solid black;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
}
div p{
    
    font-size: 22px;
}

.foot-panel1{
    background-color: #37475a;
    color: white;
    height: 40px;
    margin-top: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0.9rem;
}
    .foot-panel1:hover{
        color: #ee4824;
    }

.panel2{
    background-color: #222f3d;
    color: white;
    height: 250px;
    display: flex;
    justify-content: space-evenly;
}

ul{
    margin-top: 20px;
}

ul a{
    display: block;
    font-size: 0.85rem;
    margin-top: 10px;
    color: #dddddd;
}
h5{
    align-items: center;
    display: flex;
    justify-content: center;
   
}
 p1{
    text-align: center;
    margin-top: 210px;
    position: absolute;
    
}
.foot-panel3{
background-color:black;
color: white;

height:60px;


}

.copyright{
    font-size: 0.7rem;
    padding-top:5px ;
    text-align: center;
}

.page{
    font-size: 0.7rem;
    padding-top: 25px;
    text-align: center;
    justify-content: center;
    margin-bottom:auto;

}