@import 'https://fonts.googleapis.com/css?family=Assistant:300,400,600,700';
@import 'https://fonts.googleapis.com/css?family=Cairo:300,400,600,700&display=swap&subset=arabic';
@import 'https://fonts.googleapis.com/css?family=Almarai:300,400,700&display=swap&subset=arabic';

html,body {
 overflow-x:hidden
}
body {
 font-family:Cairo,Sans-serif;
 direction:rtl;
 background:#fff;
 background:url('');
 background-repeat:no-repeat;
 background-attachment:fixed;
 background-size:cover;
 position:relative
}
.loading {
 overflow:hidden;
 height:100vh
}
.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:#131212;
 z-index:9999;
 color:#fff;
 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
}

#cat_title { font-size:20px}

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:15px;
}
.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:#000
}
.item p {
 clear:both;
 color:#000;
 margin-left:5px;
 font-size:15px;
 margin-right:2px
}
.dots { 
 background-image:linear-gradient(to right,rgba(56,47,47,.5) 33%,rgba(0,0,0,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:100px;
 max-height:100px;
 overflow:hidden
}
.item-image img {
 max-width:100%
}
.price {
 position:absolute;
 font-size:19px;
 font-weight:600;
 left:2px;
 color:#000;
 top:3px
}
.item h4 {
 display:inline-block;
 padding-right:1px;
 max-width:80%;
 text-transform:capitalize;
 margin-bottom:4px;
 position:relative;
 font-size:16px;
 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:1px dashed #134983
}
.modal-body {
 padding:20px!important
}
input.MyButton {
 width:200px;
 font-size:14px;
 padding:10px;
 cursor:pointer;
 background:#134983;
 color:#fff;
 border:1px solid #134983;
 border-radius:10px;
 -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:#ff0;
 background:#000;
 border:1px solid #fff
}
#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 {
 display:inline-block;
 vertical-align:middle;
 line-height:normal;
 position:absolute;
 width:100%;
 left:0;
 top:80%;
 color:#fff;
 font-size:18px
}
.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:#9a7759;
 border-radius:10px
}
@media(max-width:576px) {
 .category-items span {
  top:67%
 }
}