h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .block-title, p, a,tr,th,small,button{
font-family: 'Cairo' !important;
}
.logo-small h6,.navbar .logo-small h6{
text-align:center;
}
div.shadow-father{

padding-bottom:20px;
}
div.shadow {
    width:100%;

    max-width:100%;
    max-height:50%;
    //margin-top:10%;
    overflow:visible;
    text-align:center;

}
.block{
width:96% !important;
}
img.logo {
    position:relative;

    width:150px;
    //border-radius:100%;


}
.content-center{
text-align:center
}
.background-img
{
//text-align:center;

//position:absolute;
//bottom:0px;
//width:100%;
}
.swiper-pagination-bullet-active{
background:#cc1e1e !important;
opacity:.5 !important;
border-radius:0 !important;
width:30px;
}
.swiper-pagination-bullet{
background:#green;
border-radius:0 !important;
width:30px;
}

.swiper-slide h2{
color:#645207;
text-shadow: 1px 1px 1px white;
}

.skip-text{
font-size:12px;
color:#29235C !important;
opacity:0.5;
}
.navbar-text{
font-size:12px;
}
 .navbar .title, .navbar-title-text, .mnavbar-title-text{
        font-family: 'Cairo' !important;
        font-weight:bold;
        font-size:15px !important;
        color:#fff ;
        width:100%;
        padding-left:45px;
        text-align:center;

        text-shadow:-1px 0px 0px #626060
    }
    .wajabat .navbar .title,.wajabat  .navbar-title-text,.wajabat .mnavbar-title-text{
        padding-left:0px;
    }
    .md .navbar a.icon-only{
    width:35px !important;
    }
    .panel-open{
    width:35px;
    text-align:center;
    }
    .navbar .image-icon{
    width: 35px;
    margin-top: -7px;
    margin-left: 4px;

    }

.first-arrow, .second-arrow,.third-arrow{
opacity: 1;
    	animation: infrontAnimation 2s 1s forwards ease-out;
    	-webkit-animation: infrontAnimation 2s 1s forwards ease-out;
    	animation-iteration-count:infinite;
}
.second-arrow{
margin-right:-15px !important;

}
.third-arrow{
margin-right:-15px !important;

}
@-webkit-keyframes infrontAnimation1 {
      0% { opacity:0; transform: translateX(1vw); }
   20% { opacity:1; transform: translateX(1vw); }
   80% { opacity:1; transform: translateX(-3vw); }
  100% { opacity:0; transform: translateX(-5vw); }

    }

    @keyframes infrontAnimation1 {
      0% { opacity:0; transform: translateX(1vw); }
   20% { opacity:1; transform: translateX(1vw); }
   80% { opacity:1; transform: translateX(-3vw); }
  100% { opacity:0; transform: translateX(-5vw); }
    }

    @-webkit-keyframes infrontAnimation {
      0% { opacity:0; }
   20% { opacity:1;  }
   80% { opacity:1;  }
  100% { opacity:0; }

    }

    @keyframes infrontAnimation {
      0% { opacity:0;  }
   20% { opacity:1; }
   80% { opacity:1;  }
  100% { opacity:0; }
    }


    .toolbar li{
    font-size:22px;
    }
    .toolbar .active-yellow li{
        color:#ff9500;
    }


    .toolbar .active-purple li{
        color:#673ab7;
    }

    .toolbar .cart-button{
        border-radius:100%;
        width:40px;
        height:40px;
    }

.mr-left-10{
margin-left:10px;
}
.button i{
color:#fff !important;
}
.card-header .button i{
color:#d6ad09 !important;
}
.mr-top-5{
margin-top:7px !important;
}

.text-color-theme{
    color:#f29c02 !important;
}

.footer ul li.center-item a > span, .bg-color-gradient {
background: linear-gradient(#f29c02 ,#ff9500) !important;
}
.footer ul li.center-item a>span .countercart{
background:#ff3b30 !important;
}
.footer ul li a span .nav-text{
display:block;
}

h5, .h5{
font-size:17px !important;
}

.cat-card:hover{
background:#fff1bb;
cursor: pointer;
}
.slide-active .cat-card{
background:#fff1bb;
}
.bg-color-yellow{
background-color:#F9B233 !important;
}
.color-theme-yellow{
--f7-theme-color: #F9B233 !important
}
.panel-left .page{
color:#f29c02 !important;
}
.panel-left .page .list ul li a, .panel-left .page .links-list ul li a, .panel-left .page .accordion-list ul li a{
color:#f29c02 !important;
}
.panel-left .page .list ul li a.active>i, .panel-left .page .links-list ul li a.active>i, .panel-left .page .accordion-list ul li a.active>i,.panel-left .page .accordion-list ul li a.active{
color:#b78106 !important;
}
.panel-left .page .list ul li a>i, .panel-left .page .links-list ul li a>i, .panel-left .page .accordion-list ul li a>i{
color:#f29c02 !important;
}

.counter-number .btn:hover{
background:#f29c02;
color:#ffffff;

}

#error,#subs-error,#personal-error{
color:red;
width:100%;
text-align:center;
}

.autoc{
width:100%;
margin-top:5px;
box-shadow: 1px 1px 2px 1px rgba(0, 0, 255, .2);
}

table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td{
text-align:center;
}

.text-points-system{

display: -webkit-box;
    font-size: var(--f7-list-item-text-font-size);
    font-weight: var(--f7-list-item-text-font-weight);
    color: var(--f7-list-item-text-text-color);
    line-height: var(--f7-list-item-text-line-height);
}

.resonsive_table{
overflow-x:scroll;
margin:15px;
}

.card-main{
    border: solid 2px #f29c02;

  background-origin: border-box;
  background-clip: content-box, border-box;
}

.footer ul li:first-child{
margin-right:-40px;
}

.main-container {
    padding: 0 15px
}
.main-container {
    padding: 0 15px
}

body { touch-action: pan-x pan-y; }
.header{padding-top: 40px;height: 104px;}
main.has-header {  padding-top: 124px;}

.md {
  --f7-toast-bg-color:orange;
  --f7-navbar-height:65px;
  }
 .ios{
  --f7-toast-bg-color:orange;
  --f7-navbar-height:65px;
  }
.has-toolbar{
    padding-top: 105px !important;
}
.wajabat-content{
margin-top:20px;
}
.toolbar a{
margin-left:20px;
margin-right:20px;
}
  .ios label.item-radio-icon-start>.icon-radio{
    border:1px solid #f29c02;
  }

  .navbars .navbar{
  z-index:100;
  }
  .wajabat-list li{
  margin-bottom:-1px;
  }
.wajabat-list .entity-img{
width:70px;
border-radius:10px;
}
.wajabat-list .item-title{
font-size:14px;
margin-top:15px;
}
.wajabat-list .item-subtitle{
font-size:12px;
}
.item-after{

display:block !important;
background:#f29c02;
padding:5px;
padding-left:25px;
padding-right:25px !important;
    position: absolute;
    top: -16px;
    left: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    text-align: center;
    color: #f9f8f8 !important;
    font-size:12px !important;
}
.wajabat-cart-button{
padding:0px !important;
margin-top:10px;
height:35px;
}
.wajabat-counter{
margin-top:-15px;
}
h6, .h6, .block-title {
font-size:15px;
}

.toolbar-top{
top:65px !important;
}
.tab-link-active{
color:red  !important;
}
.main-logo{
    position: absolute;
    width: 100%;
    text-align: center;
    z-index: 9999;
    top: 130px;
    right:22px;
    z-index:9999;
    }
.main-logo img{
width:90px;
}
.mask1{
position: absolute;
    top: -40px;
    z-index: 9999;

    width: 100%;
    text-align: center;
    right:-70px;
}
.screen-middle{
background: url('../img/middle-screen2.png');
height:159px;
float:left;
margin:0px auto;
width:96%;
background-position-x:center;
background-repeat:no-repeat;

}
@media (max-width:1150px) {
.main-logo{
right:15px;
}
}
@media (max-width:1100px) {
.main-logo{
right:11px;
}
.mask1{
right:-90px;
}
}
@media (max-width:980px) {
.main-logo{
right:7px;
}
}
@media (max-width:940px) {
.main-logo{
right:5px;
}

}
@media (max-width:840px) {
.main-logo{
right:0px;
}
}
@media (max-width:720px) {
.screen-middle{

width:89% !important;

}
.main-logo{
right:-2px;
}
}

@media (max-width:655px) {
.screen-middle{

width:86% !important;

}
.main-logo{
right:2px;
}
}
@media (max-width:590px) {
.main-logo{
right:0px;
}
}
@media (max-width:515px) {
.screen-middle{

width:84% !important;

}
.main-logo{
right:0px;
}
}
@media (max-width:490px) {
.main-logo{
right:-2px;
}
}
@media (max-width:475px) {
.main-logo{
right:-3px;
}
}

@media (max-width:449px) {
.screen-middle{

width:80% !important;

}
.main-logo{
right:4px;
}
}
@media (max-width:400px) {
.main-logo{
right:-2px;
}
.mask1{
top:-20px;
right:-120px;
}
}
@media (max-width:360px) {
.screen-middle{

width:78% !important;

}
.main-logo{
right:0px;
}
}
@media (max-width:320px) {
.mask1{
right:-140px;
}
.screen-middle{

width:74% !important;

}
.main-logo{
right:1px;
}
}
.main-content{
background-color:#fffade;
padding-top:88px;
}

.entity-info{
border:1px solid #d8dbd8;
background-color:#ebf4eb;
padding:15px;
margin-bottom:10px;

}

.delivery_time{
text-align:right;
font-size:9pt;
}
.view .page .page-content {
background-color:#fffade !important;

}

.main-btn{

    width: 270px;
    height: 99px;
    margin: 0px auto;
    text-align: left;
}
.tawseel-btn{
background-image: url('../img/tawseel-btn.png');
    background-size: cover;
    height: 100px;
width: 100%;

}
.tasawaq-btn{
background-image: url('../img/tsawaq-btn2.png');
    background-size: cover;
    height: 100px;
width: 100%;
}
.main-btn lottie-player .animation{
margin-top:16px !important;
}
.tasawaq-btn{
background-image: url('../img/tsawaq-btn2.png');
    background-size: cover;
}
.entity-search{
--f7-searchbar-input-text-color: #fff;
--f7-searchbar-search-icon-color:#fff;
--f7-searchbar-placeholder-color: rgba(255, 255, 255, 0.4);
}
#splash-slider .swiper-pagination-bullet{
background-color:#29235C !important;
width:15px;
}
#splash-slider .swiper-pagination-bullet-active{

width:30px;
}
.searchbar{
background-image:none;
background-color:var(--f7-searchbar-bg-color,rgb(249, 178, 51));
}

.ios .navbar .right{
margin-right:0px;
}
.ios .navbar .left a + a, .ios .navbar .right a + a {
margin-right:0px;
}
.ios .navbar a.icon-only{
width:36px;
}

#cat-list .card-content-padding{
padding: 5px 5px !important;
}

.categoriesswiper .swiper-wrapper .swiper-slide img{
max-height:60px !important;
}