@font-face {
    font-family: iransans;
    font-style: normal;
    font-weight: normal;
    src: url('fonts/IRANSansWeb.eot');
    src: url('fonts/IRANSansWeb.eot@#iefix') format('embedded-opentype'), url('fonts/IRANSansWeb.woff2') format('woff2'), url('fonts/IRANSansWeb.woff') format('woff'), url('fonts/IRANSansWeb.ttf') format('truetype'), url('fonts/IRANSansWeb.svg') format('svg');
  }
  
  @font-face {
    font-family: iransans-light;
    font-style: normal;
    font-weight: normal;
    src: url('fonts/IRANSansWeb_Light.eot');
    src: url('fonts/IRANSansWeb_Light.eot@#iefix') format('embedded-opentype'), url('fonts/IRANSansWeb_Light.woff2') format('woff2'), url('fonts/IRANSansWeb_Light.woff') format('woff'), url('fonts/IRANSansWeb_Light.ttf') format('truetype'), url('fonts/IRANSansWeb_Light.svg') format('svg');
  
  }
  
  @font-face {
    font-family: iransans-medium;
    font-style: normal;
    font-weight: normal;
    src: url('fonts/IRANSansWeb_Medium.eot');
    src: url('fonts/IRANSansWeb_Medium.eot@#iefix') format('embedded-opentype'), url('fonts/IRANSansWeb_Medium.woff2') format('woff2'), url('fonts/IRANSansWeb_Medium.woff') format('woff'), url('fonts/IRANSansWeb_Medium.ttf') format('truetype'), url('fonts/IRANSansWeb_Medium.svg') format('svg');
    ;
  }
  
  @font-face {
    font-family: iransans-bold;
    font-style: normal;
    font-weight: normal;
    src: url('fonts/IRANSansWeb_Bold.eot');
    src: url('fonts/IRANSansWeb_Bold.eot@#iefix') format('embedded-opentype'), url('fonts/IRANSansWeb_Bold.woff2') format('woff2'), url('fonts/IRANSansWeb_Bold.woff') format('woff'), url('fonts/IRANSansWeb_Bold.ttf') format('truetype'), url('fonts/IRANSansWeb_Bold.svg') format('svg');
    ;
  }
  
  @font-face {
    font-family: iransans-UltraLight;
    font-style: normal;
    font-weight: normal;
    src: url('fonts/IRANSansWeb_UltraLight.eot');
    src: url('fonts/IRANSansWeb_UltraLight.eot@#iefix') format('embedded-opentype'), url('fonts/IRANSansWeb_UltraLight.woff2') format('woff2'), url('../fontIRANSansWeb_UltraLight.woff') format('woff'), url('fonts/IRANSansWeb_UltraLight.ttf') format('truetype'), url('fonts/IRANSansWeb_UltraLight.svg') format('svg');
  } 

body {
    font-family: iransans-medium;
    font-weight: 500;
}
.sub-banner-content{
    direction: rtl;
}
.bread-crumb{
    direction: rtl;
}
.bread-crumb ul li:last-child {
    padding-left: 0px;
    padding-right: 18px;
}
.bread-crumb ul li::after{
    right: 2px;
    left: auto;
}
.tab-link{
    direction: rtl;
}
.tab-panel{
    direction: rtl;
}
.menu-item-title {
  padding-right: 0px;
}
.menu-item-price{
  text-align: left;
}
.menu-item-title{
  width: calc(100% - 50px);
}
.menu-item-head{
  flex-wrap: nowrap;
}

.menu > ul ul{
  left: auto;
  right: 0;
  direction: rtl;
  text-align: right;
}

.footer{
  direction: rtl;
}

.menu-selection {
    padding-top: 300px;
}
    .menu-selection .container {
        display: flex;
        gap: 10px;
    }
    .menu-selection .item {
        padding: 15px;
        border: solid 1px #f1f1f1;
        border-radius: 20px;
        margin-bottom: 20px;
        box-shadow: 0 2px 4px 0 rgb(0 0 0 / 10%) !important;
        display: block;
        width: 50%;
        text-align: center;
    }
    .menu-selection img {
        margin-left: auto;
        margin-right: auto;
    }
        .menu-selection .item.donerbashi {
            background-color: rgb(255 203 6 / 27%);
        }
        .menu-selection .item.khanekabab {
            background-color: rgb(81 122 108 / 82%);
        }
    .menu-selection .item:hover {
        border-color: red;
        box-shadow: 0 2px 4px 0 rgb(0 0 0 / 25%) !important;
    }
    .menu-selection .item:active {
        border-color: orange;
        box-shadow: 0 2px 4px 0 rgb(0 0 0 / 25%) !important;
    }

@media (max-width: 767px){
    .menu-selection {
        padding-top: 110px;
    }
    .menu-selection .container {
        flex-direction: column;
    }
    .menu-selection .item {
        width: 100%;
    }

 .menu-item-box {
    /* display: flex; */
    padding: 20px;
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 10%);
  }
 
  .menu-item-info{
    padding-top: 20px;
  }
}