@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

::selection {background: #f31544; color: #FFF;}
::moz-selection {background: #f31544; color: #FFF;}

*{
padding:0;
margin:0;
box-sizing:border-box;
}
.clr::after{
content:'';
clear:both;
display:table;
}
.success{
background:#19c26d;
color:#fff;
}
.warning{
background:#e8c243;
color:#000;
}
.danger{
background:#bf0d0d;
color:#fff;
}
.btn{
    padding: 12px;
    border-radius: 8px;
    margin: 5px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
}
.alert{
z-index:9999;
}
.text-center{
text-align:center;
}
.text-right{
text-align:right;
}
.text-left{
text-align:right;
}
.text-red{
color:red;
}
.text-green{
color:green;
}
.text-yello{
color:yello;
}
.float-left{
float:left !important;
}
.float-right{
float:right !important;
}
.mg-auto{
margin:5px auto;
display:block;
}
button{
border:none;
}

.hide{
display:none;
}
.menu_active{
background-color: #dd2941 ;
color: #FFF;
}
a{
    text-decoration: none;
}

.bluebg{
    background-color: #15428a;
    color: #fbf9f9;
}
.redbg{
    background-color: #e70303;
    color: #fbf9f9;
}
.yellobg{
    background-color: #f7f324;
    color: #242424;
}
.greenbg{
    background-color: #0aa52c;
    color: #fbf9f9;
}
.whitebg{
    background-color: #ffffff;
    color: #000000;
}
.blackbg{
    background-color: #000000;
    color: #fbf9f9;
}
.alert-success{
     background-color: #0aa52c;
    color: #fbf9f9;
}
.alert-danger{
     background-color: #e70303;
    color: #fbf9f9;
}

/* login page start */
.login_part{
    width: 50%;
    margin: 0 auto;
    padding: 48px;
    background: rgba(255,255,255,0.4);
    border-radius: 10px;
    margin-top: 40px;
}
.div_sec {
width:100%;
padding-bottom:10px;
}
.div_sec label{
   color: #000;
   font-size: 18px;
   font-weight: bold;
    }
.login_part  input{
width:100%;
padding:10px;
border:1px dashed blue;
border-radius:5px;
}
.login_part  .sub_btn {
    text-align: center;
    color: #fff;
    background: blue;
    font-size: 18px;
    font-weight: 500;
}
.login_part .forgot_btn{
    padding: 20px 0px;
    font-size: 18px;
}

/*login page end */

/* menu page start */
.separate{
    width: 100%;
    padding: 0px 10px;
}
.boxdiv{
    width: 30%;
    padding: 20px;
    margin: 10px;
    float: left;
    border-radius: 10px;
    text-align: center;
}

.content{

    width: 100%;
    margin-top: 34px;
    background: darkseagreen;
    height: 100vh;
    padding: 10px 0px;
    overflow: scroll;


}

.menu_top{
    background: #f7f5f5;
    width: 100%;
    position: fixed;
    top: 0;
    z-index: 1;
}
.menu_top .leftpart {
    float: left;
    width: 50%;
    padding: 5px 20px;
}
.menu_top .rightpart {
    float: right;
    width: 50%;
    padding: 5px 20px;
}
.menu_top .cart {
    float: left;
    width: 50%;
    padding: 5px 20px;
}
.menu_top .wallet {
    float: right;
    width: 50%;
    padding: 5px 20px;
    font-size: 18px;
    font-weight: bolder;
}





.menu_bottom{
    background: #f7f5f5;
    width: 100%;
    position: fixed;
    bottom: 0;
    z-index: 3;
}
.menu_bottom ul{
list-style: none;
}
.menu_bottom ul li{
        border-bottom: 1px solid #19c26d;
    float: left;
    width: 33.3%;
    border-right: 1px solid darkgray;
 
}
.menu_bottom ul li  a{
    display: inline-block;
    text-decoration: none;
    color: rgb(71, 71, 71);
    padding: 10px 0px;
    font-weight: 500;
    font-size: 18px;
    text-align: center;
    width: 100%;
  
}
.menu_bottom ul li a:hover{
   background: blue;
   color: #eeeeee;
}



.slidemenu{  
 width: 100%;
 height: 100vh;
 position: absolute;
 bottom: 0;
 z-index: 1;
 background:rgba(0,0,0,0.4);
}
.slidemenu .menubar{
    height: 100vh;
    position: fixed;
    bottom: 0;
    right: 0;
    background: #f3f3f3;
    padding: 10px;
    width: 200px;
    text-align: center;
}
.menubar h2{
    padding:5px 0px;  
    border-radius:5px;
}
.menubar ul li{
    list-style: none;
    border-bottom: 1px solid #aaadb1;
}
.menubar ul li a{
display: block;
text-decoration: none;
padding: 10px 0px;
margin: 5px 0px;
border-radius: 5px;
color: #000000 ;
}
.menubar ul li a:hover{
   background: blue;
   color: #eeeeee;
}
/* menu page end */

/* resturent page start */
.sbox {
    width: 12%;
    float: left;    
    background-color: #fff;
    border-bottom: 1px solid #e2e2e2;
    border-right: 1px solid #e2e2e2;
    padding: 10px;
    margin: 10px;
    border-radius: 10px;
    position: relative;
}
.simage {
    width: 134px;
    height: 134px;
    margin: 0 auto;
}
.sbox img{
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
    aspect-ratio: 2/2;
}
.sdetails h2 {
  font-size: 18px;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  padding: 5px 0px;
}
.sprice{ 
  font-size: 18px;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
}

.stock {
    padding: 3px 0px;
    font-size: medium;
}
.add_product {
    position: absolute;
    right: 0;
    bottom: 40%;
    width: 30px;
}
.fa-solid, .fas {
    font-weight: 900;
    font-size: 25px;
}

.cartsec {
    position: fixed;
    bottom: 0;
    background: coral;
    width: 100%;
    text-align: center;
    padding: 10px 0px;
    font-family: "Inter", sans-serif;
    z-index: 99;
}

.reg_wrrong {
    position: fixed;
    top: 0;
    right: 0;
}
.reg_wrrong p {
    padding: 20px;
}
/* resturent page end */