body {
    /* direction: rtl;
    text-align: right; */
    font-family: 'Tajawal', sans-serif;
}
h1,
h2,
h3,
h4,
h5,
p,
span,
a,
button,
input,
select,
textarea,
h6 { font-family: 'Tajawal', sans-serif !important; }
.page {    
    direction: rtl;
}
.swiper-container {
    direction: rtl;
}

.item-title  {
    font-family: 'Tajawal', sans-serif;
    justify-content: right !important;
}
.icon-wrapper {
    font-family: 'Tajawal', sans-serif;
}
.item-text{
    font-family: 'Tajawal', sans-serif;
}
.demo-swiper .swiper-slide {
    margin-right: 15px!important;
}
.list .item-price{
    justify-content: left;
    font-size: 13px !important;
    direction: ltr;
}
.stepper-button-minus:last-child, .stepper-button-plus:last-child, .stepper-button:last-child {
    border-radius: var(--f7-stepper-border-radius) 0 0 var(--f7-stepper-border-radius);
}
.stepper-button-minus:first-child, .stepper-button-plus:first-child, .stepper-button:first-child {
    border-radius: 0 var(--f7-stepper-border-radius) var(--f7-stepper-border-radius) 0;
}
.chip-media{
    margin-right: calc(-1 * var(--f7-chip-padding-horizontal));
}
.chip-media + .chip-label {
    margin-left: 0;
    margin-right: 15px;
}
.block{
    padding-bottom: 5px;
}
.md .navbar .right {
    margin-right: auto;
    margin-left: 0;
    flex-direction: row-reverse;
}
.navbar .right:first-child {
    position: relative;
}
.md .navbar-inner {  
    flex-direction: row-reverse;
}
.menu-open{
    margin-right: 7px;
}
.panel .item-title{
    flex-direction: row-reverse;
}
.media-list .item-media img, li.media-item .item-media img{
    max-width: 420px;
    max-height: 330px;
    width: 100%;
}
.total-price .item-inner .item-price{
    text-align: left;
}
.total-price .item-inner .item-price h4{
    font-weight: 600;
    direction: ltr;
    display: flex;
}
.total-price .item-inner h3{
    font-size: 16px;
    font-weight: 600;
}
.receipt .receipt-body .column-value{
    float: left !important;
}
.receipt .receipt-body .total-value{
    float: left !important;
}
.receipt .receipt-body .column-type {
    float: right;
    margin-left: 10px;
}
.receipt .receipt-body .x {
    float: right;
    margin-left: 10px;
}
.back-btn::before {
    content: "";
}
.back-btn::after {
    content: "\e64a";
    font-family: 'themify';
    position: absolute;
    padding: 3px 5px;
    font-size: 13px;
    font-weight: 800;
}
.chip .chip-media {
  margin-right: -11px;
}