@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600&display=swap');
@import 'https://fonts.googleapis.com/css?family=Assistant:300,400,600,700';
html,body {
 overflow-x:hidden
}

.loading {
 overflow:hidden;
 height:100vh
}

#cat_title {
    color:#fff;
}


.preloader {
 width:100%;
 height:100vh;
 position:fixed;
 left:0;
 right:0;
 top:0;
 bottom:0;
 display:flex;
 align-items:center;
 justify-content:center;
 background-color:#213942;
 z-index:9999;
 color:#29242b;
 flex-direction:column
}
.container .text-muted {
 margin:20px 0
}
.footer>.container {
 padding-right:15px;
 padding-left:15px
}
.item h3 {
 display:inline-block;
 font-size:32px;
 line-height:36px;
 position:relative;
 margin-top:28px;
 margin-bottom:15px
}
.item h3:before {
 left:-40px;
 height:0;
 height:1px
}
.item h3:before,
.item h3:after {
 content:"";
 position:absolute;
 bottom:10px;
 height:1px;
 width:40px;
 margin:0 -15px;
 background-color:#533834
}
.item h3:after {
 right:-40px
}
h5 {
 font-size:16px;
 line-height:22px;
 margin:0 0 15px;
 font-weight:400
}
.item {
 position:relative;
 overflow:hidden;
 margin-bottom:5px;
 text-align:right;
 margin-bottom:10px
}
.item h4,
.price {
 z-index:0;
 position:relative;
 background-color:none;
 left:0;
 position:absolute
}
.item .price {
 padding-left:8px
}
.item h4,
.item p {
 display:block;
 clear:both;
 color:#f5cb6e;
}
.item p {
 clear:both;
 color:#fff;
 margin-left:5px;
 font-size:18px; 
 margin-right:2px
}
.dots {
 background-image:linear-gradient(to right,rgba(190, 191, 191, 0.5) 33%,rgba(208, 19, 19, 0) 0%);
 background-position:bottom;
 background-size:3px 1px;
 background-repeat:repeat-x; 
 height:1px;
 width:100%;
 position:absolute;
 top:30px
}
.badge {
 display:inline-block
}
.badge img {
 width:15px
}
.item-image {
 max-width:230px;
 max-height:178px;
 overflow:hidden
}
.item-image img {
 max-width:100%
}
.price {
 position:absolute;
 font-size:19px;
 font-weight:600;
 left:2px;
 color:#f5cb6e;
 top:3px
}
.item h4 {
 display:inline-block;
 padding-right:1px;
 max-width:80%;
 text-transform:capitalize;
 margin-bottom:4px;
 position:relative;
 font-size:20px;
 font-weight:700
}
.show-cart li {
 display:flex
}
.card-img-top {
 width:200px;
 height:200px;
 align-self:center
}
.modal-content {
 direction:rtl;
 text-align:right
}
.swal-title {
 direction:rtl
}
.swal-button {
 background:#f3712d
}
.swal-button:not([disabled]):hover {
 background:#2a2726
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
 -webkit-appearance:none;
 margin:0
}
input[type=number] {
 -moz-appearance:textfield
}
.table td,
.table th {
 padding:.5rem!important
}
.btn-danger {
 background:#134983;
 border:none
}
.sendtowhatsapp {
 text-transform:none;
 background:#3ebd4f;
 width:100%;
 border:0;
 border-radius:9px;
 color:#fff;
 line-height:14px;
 padding:0;
 height:40px
}
.fa-3x {
 font-size:28px;
 direction:rtl;
 padding-right:12px
}
.modal-title {
 color:#000;
 font-weight:700;
 font-size:19px
}
.modal-header .close {
 font-size:38px;
 font-weight:700;
 line-height:26px;
 margin:0;
 background-color:#fff;
 color:#000;
 padding:0
}
.fa-plus-circle {
 cursor:pointer
}
.modal {
 overflow:auto
}
p.des {
 font-size:15px;
 color:#544e4e
}
.animated {
 -webkit-animation-duration:1s!important;
 -webkit-animation-fill-mode:both;
 animation-duration:2s important;
 animation-fill-mode:both
}
.animated.delay-1s {
 -webkit-animation-delay:0s;
 animation-delay:0s
}
.headrcont {
 min-height:36vh
}
.mt-5,
.my-5 {
 margin-top:6px!important
}
.swiper-slide img {
 max-width:100%;
 height:auto
}
h1,
h2,
p {
 color:#222
}
p {
 font-size:19px
}
ul li {
 list-style-type:none
}
.auto-style1 {
 -webkit-box-flex:1;
 -ms-flex:1 1 auto;
 flex:1 1 auto;
 color:#222;
 text-align:right;
 direction:ltr;
 font-size:19px;
 background:#fff
}
.modalDialog {
 position:fixed;
 top:0;
 right:0;
 bottom:0;
 left:0;
 background:rgba(0,0,0,.8);
 z-index:99999;
 opacity:0;
 -webkit-transition:opacity 400ms ease-in;
 -moz-transition:opacity 400ms ease-in;
 transition:opacity 400ms ease-in;
 pointer-events:none
}
.modalDialog:target {
 opacity:1;
 pointer-events:auto
}
.modalDialog>div {
 width:350px;
 position:relative;
 margin:10% auto;
 padding:5px 20px 13px;
 border-radius:10px;
 background:#fff;
 background:-moz-linear-gradient(#fff,#aeaeae);
 background:-webkit-linear-gradient(#fff,#aeaeae);
 background:-o-linear-gradient(#fff,#aeaeae)
}
hr {
 width:80%;
 border-top:2px solid #3d2827
}
.modal-body {
 padding:20px!important
}
input.MyButton {
 width:200px;
 font-size:18px;
 padding:7px;
 cursor:pointer;
 background:#e1684e;
 color:#fff;
 border:1px solid #e1684e;
 border-radius:7px;
 -moz-box-shadow::6px 6px 5px #999;
 -webkit-box-shadow::6px 6px 5px #999;
 box-shadow::6px 6px 5px #999;
 text-align:right;
 margin:10px
}
input.MyButton:hover {
 color:#fff;
 background:#b7543f;
 border:1px solid #b7543f
}
#return-to-top {
 position:fixed;
 bottom:50px;
 right:20px;
 background:#000;
 background:rgba(0,0,0,.7);
 width:50px;
 height:50px;
 display:block;
 text-decoration:none;
 -webkit-border-radius:35px;
 -moz-border-radius:35px;
 border-radius:35px;
 display:none;
 -webkit-transition:all .3s linear;
 -moz-transition:all .3s ease;
 -ms-transition:all .3s ease;
 -o-transition:all .3s ease;
 transition:all .3s ease
}
#return-to-top i {
 color:#fff;
 margin:0;
 position:relative;
 left:16px;
 top:13px;
 font-size:19px;
 -webkit-transition:all .3s ease;
 -moz-transition:all .3s ease;
 -ms-transition:all .3s ease;
 -o-transition:all .3s ease;
 transition:all .3s ease
}
#return-to-top:hover {
 background:rgba(0,0,0,.9)
}
#return-to-top:hover i {
 color:#fff;
 top:5px
}
.eske {
 position:absolute;
 top:0;
 z-index:999;
 right:0
}
.takeaway {
 position:absolute;
 top:0;
 z-index:999;
 left:0
}
.whats {
 background:#289c2a;
 margin-right:-3px
}
.show-cart li {
 display:flex
}
.card-img-top {
 width:200px;
 height:200px;
 align-self:center
}
.modal-content {
 direction:rtl;
 text-align:right
}
.swal-title {
 direction:rtl
}
.swal-button {
 background:#f3712d
}
.swal-button:not([disabled]):hover {
 background:#2a2726
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
 -webkit-appearance:none;
 margin:0
}
input[type=number] {
 -moz-appearance:textfield
}
.table td,
.table th {
 padding:.5rem!important
}
.btn-danger {
 background:#134983;
 border:none
}
.sendtowhatsapp {
 text-transform:none;
 background:#3ebd4f;
 width:100%;
 border:0;
 border-radius:9px;
 color:#fff;
 line-height:14px;
 padding:0;
 height:40px
}
.fa-3x {
 font-size:28px;
 direction:rtl;
 padding-right:12px
}
.modal-title {
 color:#000;
 font-weight:700;
 font-size:19px
}
.close {
 font-size:38px;
 font-weight:700;
 line-height:26px
}
.modal {
 overflow:auto
}
p.des {
 font-size:15px;
 color:#544e4e
}
.category-items {
 position:relative
}
.category-items span {
 color:#fff!important;
 font-size:18px;
 display:block;
 font-weight:600;
}
.listview {
 margin:2px;
 min-width:70px
}
.falavour,
.change,
.adon {
 border-radius:10px;
 position:relative;
 height:100%;
 text-align:center;
 color:#fff;
 background-color:#000;
 cursor:pointer;
 margin:5px
}
.adon input,
.change input,
.falavour input {
 display:none;
 position:relative
}
.adon span,
.change span,
.falavour span {
 width:100%;
 height:100%;
 display:flex;
 justify-content:center;
 align-items:center;
 padding:5px
}
.adon span::before,
.change span::before,
.falavour span::before {
 content:'';
 position:absolute;
 left:0; 
 bottom:0;
 background-color:#ffff;
 height:50%;
 width:100%;
 opacity:.2
}
.adon input[type=radio]:checked~span,
.adon input[type=checkbox]:checked~span,
.change input[type=checkbox]:checked~span,
.falavour input[type=checkbox]:checked~span {
 background-color:#D1AF78;
 border-radius:10px
}




@media (max-width: 576px) { 
  
  
  .item-image {
    max-width: 140px;
    max-height: 160px;
    overflow: hidden;
}

.item h4 {

    font-size: 19px;

}

.item p {
  
    font-size: 16px;
}
  
}