@import url('root.css');

 
body {
    margin: 0;
    padding: 0; 
  
   
   
}

body::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('assets/image_assets_web/images.jpeg');  
    background-size: cover;
    background-position: center;
    filter: blur(8px); 
    z-index: -2;
}

body::after {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--background_color);
    z-index: -1;
}

.category_container{

    position: relative;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: flex-end;
    height: auto;
}

.name_of_catgeoyrs_{
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    text-align: center;
    color: white;
    font-family: 'Unisirwan Zak Regular';
    align-content: stretch;
    justify-content: center;
    padding-left: 10px;
    padding-right: 10px;
}

.on_svc{
    background-color: transparent;
    position: relative;
    width: 100%;
    height: 50px;
    
}
 
.on_svc1{
    background-color: transparent;
    position: relative;
    width: 100%;
    height: 150px;
    
}

.hr_namesss{
width: 100px;
background: linear-gradient(to right, #ac9a8e3e, #d36116, #ac9a8e3e); /* Gradient effect */
}

hr {
    border: none; /* Remove default border */
    height: 1px; /* Thickness of the line */
    background: linear-gradient(to right, #ac9a8e3e, #ac9a8e, #ac9a8e3e); /* Gradient effect */
    margin: 20px 0; /* Space around hr */
}
 
.list_screen{
    background-color: transparent;
    position: relative;
    width: 100%;
    height: 25px;
    align-items: center;
    display: flex;
    justify-content: center;
}

.list_screen1{
    background-color: transparent;
    position: relative;
    width: 100%;
    height: 120px;
    align-items: center;
    display: flex;
    justify-content: center;
}
.screen-btn-deparment{
    background-color: transparent;
    position: relative;
    width: 100%;
    overflow: auto;
    height: 50px;
    max-width: 85%;
 
     
    display: flex; 
}

.screen-btn-deparment1{
    background-color: transparent;
    position: relative;
    width: 100%;
    overflow: auto;
    height: 150px;
    max-width: 85%;
 
     
    display: flex; 
}

.screen-btn-deparment::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.screen-btn-deparment {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}
.button_loader_based_on_depart_ment{
    background-color: transparent;
    color: white;
     white-space: nowrap;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    margin-left: 5px;
    margin-right: 5px;
    padding-right: 5px;
    border: solid 0px;
    
    font-family: 'Unisirwan Zak Bold';
    font-size: 15px;
    outline: solid 0px;
}

.button_loader_based_on_depart_ment1{
    background-color: transparent;
    color: white;
    display:grid;
    white-space: nowrap;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
    border: solid 0px;
    font-family: 'Unisirwan Zak Bold';
    font-size: 15px;
    outline: solid 0px;
    flex-direction: column;
    align-items: center;
}
.screen_items{
    background-color: transparent;
    position: relative;
    height: 600px;
    overflow: auto;
    top: 25px;
    width: 100%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.card_items{
    position: relative;
    background-color: #003f1981;
    width: 45%;
    outline: solid 0px;
    border: solid 0px;
    margin: 8px;
    height: 165px;
    display: flex;
   margin-top: 20px !important;
    justify-content: center;
    flex-direction: column;
    align-items: flex-end;

    border-radius: 10px;
    padding-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
}

.image_container_box{
    
    height: 100%;
    width: 100%;
    
}
.items_card_image{
    height: 120px;
    border-radius: 5px 5px 8px 8px;
    object-fit: cover;
    width: 100%;
}

.category_namess{
    font-size: 0.7em;
}
.name_items{
color: white;
font-size: 15px;
text-transform: capitalize;
padding-right: 5px;
padding-top: 2px;
font-family: 'Unisirwan Zak Thin';

padding-bottom: 2px;
position: relative;
bottom: 2px;
}
.container_name{
    position: relative;
    display: flex;
    justify-content: end;
    align-items: center;
    width: 100%;
   
    background-color: transparent;
}
.container_price{
    position: relative;
    display: flex;
    justify-content: end;
    align-items: center;
    padding-top: 5px;
    padding-bottom: 5px;
    width: 100%;
    border-top: solid 1px black;
    background-color: transparent;
}
.price{
    position: relative;
    font-size: 13px;
    color: white;
    padding-right: 5px;
    padding-top: 2px;
    padding-bottom: 6px;
 
}
.poup_data_items{
    position: absolute;
    visibility: hidden;
   top: 0px;
    background-color: #3646458c;
    height: 100%;
    align-items:center;
    margin: 0px;
    overflow: auto;
    padding: 0px;
    backdrop-filter: blur(10px); /* Adjust the blur intensity */
    z-index: 1;
    display: flex;
    justify-content: center;
    width: 100%;

}
.container_data{
    top: 10px;
    position: relative;
    height:90%;
 
    border-left: solid 1px white;
    border-right: solid 1px white;
    border-bottom:solid 1px white;
    width: 300px;
    background-color: #405449cd;
    border-radius: 20px;
}
.container_data_1{
    display: flex;
    justify-content: center;
    position: relative;

    height: 120px;
    width: 100%;

}
.image_container{
    height: 150px;
    width: 150px;
    position: relative;
    border-radius: 5px;
    object-fit: cover;
    top: -40px;
}
.list_1{
    position: relative;
    display: flex;
    width: 100%;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}
.name-items{
    font-size: 20px;
    color: white;
    text-transform: capitalize;
    font-family: 'Unisirwan Zak Thin';

}
.price_items{
    font-size: 20px;

    margin-top: 10px;
    color: white;
    font-family: 'GeorgeLight';
}
.list_2{
    position: relative;
    display: grid;
    justify-content: center;
    justify-items: center;
 
}
.text_for_change_1{
    font-size: 20px;
    color: white;
    font-family: 'Unisirwan Zak Bold';
}
.info_items{
    font-size: 15px;
    color: white;
 margin-top: 20px;
 text-align: center;
    width: 80%;
    position: relative;
    font-family: 'GeorgeSemiBoldItalic';
}
.list_3{
    display: flex;
    justify-content: center;
    position: relative;
    top: 30px;
  
}
.like_btn{
    position: relative;
    background-color: transparent;
    outline: solid 0px;
    border: solid 0px;
    display: grid;

}

.like_like{
    color: white;
    font-size: 20px;
}
.list_4{
    position: relative;
    top: 20px;
}

.list_5{
    position: relative;
    top: 20px; 
    display: flex;
    justify-content: center;
}
.text_fee_back_1{
    color: white;
    font-size: 14px;
    font-family: 'Unisirwan Zak Bold';
}
.list_6{
    position: relative;
    top: 20px;
    display: grid;
    justify-content: center;
    justify-items: center;
}

 
  
.feed_back_for_admin{
    position: relative;
    height: 100px;
    background-color: #0000003d;
    
    width: 220px;
    color: white;
    top: 10px;
    border-radius: 0px 0px 10px 10px ;
    outline: solid 0px;
    border: solid 0px;
 
    resize: none;
    
}

.button_feed_back_send{
    position: relative;
    color: white;
    background-color: #92857c;
    outline: solid 0px;
    border: solid 0px;
    font-family: 'Unisirwan Zak Bold';
    width: 100px;
    top: 10px;
    border-radius: 0px 0px 10px 10px;
}

.button_close_screen{
    outline: solid 0px;
    background-color: transparent;
    border: solid 0px;
    margin-top: 10px;
    margin-left: 5px;
}

.top_title{
    position: relative;
    width: 100%;
    height: 50px;
    display: grid;
    align-content: space-between;
    justify-content: center;
    justify-items: center;

}

.cavalli_title{
    color: white;
    font-size: 25px;
    text-transform: capitalize;

}
.cafe_rest{
    color: white;
    font-size: 10px;
    text-transform: capitalize;
}

.image_categorys{
    height: 100px;

    width: 100px;
    border-radius: 10px;
    object-fit: cover;

}


.screen-btn-deparment1::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.screen-btn-deparment1{
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}


.screen_items::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.screen_items{
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}



.menu {
    width: 100%;
    text-align: center;
    padding: 20px;
    background: #ff4d6d;
    color: white;
    font-size: 24px;
    font-weight: bold;
    position: relative;
    z-index: 10;
}

/* Heart container (No touch interference) */