@charset "UTF-8";
@import "./fonts.css";
@font-face {
    font-family: 'YekanBakh';font-weight:100;
    src: url('./libs/fonts/YekanBakhLight.ttf') format('truetype');
}@font-face {
    font-family: 'YekanBakhR';font-weight:200;
    src: url('./libs/fonts/YekanBakhRegular.ttf') format('truetype');
}@font-face {
    font-family: 'YekanBakhB';font-weight:300;
    src: url('./libs/fonts/YekanBakhBold.ttf') format('truetype');
}

@font-face {
    font-family: 'YekanBakhB';font-weight:300;
    src: url('./libs/fonts/YekanBakhBold.ttf') format('truetype');
}
@font-face {
    font-family: 'IRAN';font-weight:300;
    src: url('./libs/fonts/IRANSansMobileBold.ttf') format('truetype');
}
.fmL{font-family: 'YekanBakh';}
.fmR{font-family: 'YekanBakhR';}
.fmB{font-family: 'YekanBakhB';}

    /* width */
::-webkit-scrollbar {
  width: 5px;
  border-radius: 10px;
}

/* Track */
::-webkit-scrollbar-track {
    width: 5px;
  background:rgb(34 36 41 / 20%);
  border-radius: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
    width: 5px;
  background: rgb(34 36 41 / 57%);
  border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    width: 5px;
  background: #555;
  border-radius: 10px;
}

.logo{
  text-align: center;
}
body{
  font-family: YekanBakh,'YekanBakh', sans-serif;;
    /*background:  #066e54;*/
    background: #80c3c6;
}
#app {
    font-family: 'YekanBakh';
}
.rtl{
    direction: rtl;
}
.undecoration {
  text-decoration: none;
}
.list-unstyled {
  list-style: none;
}
#mainmenu{
  text-align: center;
}
#mainmenu li{
   display: inline-block;
   margin-right: 10px ;
}
.c-w{
  color: #ffffff !important;
}
#content-ma{
  width: 98%;
  margin-top: 10px;
  min-height: 1000px;
  margin-left: 1%;
  /* margin-top: 50px; */
  /* background-image: linear-gradient(to bottom, rgb(30, 31, 32), rgb(16, 16, 16),rgb(11 11 11)); */
  /* background: linear-gradient(to bottom, rgb(21 25 29), rgb(36 40 44)); */
  background: linear-gradient(to bottom, rgb(22, 17, 43), rgb(37, 31, 72));
  /*background: linear-gradient(to bottom, rgb(30 32 38), rgb(36 40 44));*/
  /*  background: rgb(30 32 38); */
  left: 0;
  border-radius: 30px 30px 0 0;
  overflow: hidden;
  overflow-x: hidden;
  top: 0;
  right: 0;
  transition: margin 1s;
  box-shadow: 0px 1px 6px 5px #000000;
  /* border: 2px solid rgb(158 158 158 / 28%); */
}
#mainmenu li:hover{
  cursor: pointer;
}
.categories-activated {
  border-bottom: 2px solid #615295;
  color: #FFF !important;
}
#mainmenu li {
    margin-left: 25px;
    font-weight: bold;
    font-size: 15.5pt;
    color: #9E9E9E;
}
.menu-button{
  background: rgb(56 60 69);
  padding: 12px;
  border-radius: 50%;
  width: 25px;
  height: 25px;
  text-align: center;
}
.d-flex{
  display: flex !important;
}
.tabs{
  display: flex;
    justify-content: center;
    align-items: baseline;
    align-content: center;
    flex-wrap: nowrap;
}
.card-stores {
  background: rgb(41 46 60);
  border-radius: 10px;
  padding-top: 5px;
  box-shadow: rgb(0 0 0) 1px 0px 11px 1px;
  transition: transform 1s;
  transition: height 1s;
}
.menu{
text-align: center;
direction: rtl;
}
.items:hover{
  cursor: pointer;
  background-color: #4c3f75 !important ;
}
.items{
  display: inline-block;
  margin-bottom: 5px;
  margin-left: 5px;
  border-radius: 10px;
  background: linear-gradient(to left top, rgba(80, 90, 102, 0.09), rgba(80, 90, 102, 0)) rgba(80, 90, 102, 0.02);
  min-width: 90px;
  height: 90px;
  padding: 5px;
  text-align: center;
  color: rgb(237, 237, 237);
}

.selected{
  background-color: #7c6faa !important;
  box-shadow: inset 0px 0px 4px 3px #000;
  padding: 10px;
}
.text-center{
  text-align: center;
}
.fixed-top{
  background: rgb(31 33 39 / 90%);
  width: 79.1%;
  padding-right: 9%;
  padding-left: 9%;
  padding-bottom: 10px;
  margin-right: auto;
  margin-left: auto;
  box-shadow: 0px 1px 4px 1px #000;
  border-radius: 0 0px 10px 10px;
  position: fixed;
  top: 0;
  margin: auto;
  z-index: 10000;

}

.card-stores {
  background: rgb(41 46 60);
  border-radius: 10px;
  padding-top: 5px;
  box-shadow: rgb(0 0 0) 1px 0px 11px 1px;
  transition: transform 1s;
  transition: height 1s;
}
.d-block{
  display: block;
}
.delivary{
  color: rgb(158 158 158);
  font-size: 10.5pt;
}
.rating{
  position: absolute;
  left: 15px;
  top: 0;
  padding: 5px;
  background: rgb(75 45 148);
  border-radius: 0px 0px 10px 10px;
  text-align: center;
  box-shadow: 0px 1px 3px 1px #000;
  max-width: 32px;

}

.review-count{
  color: #9E9E9E;
  font-size: 12px;
}
.rating:hover{
  cursor: pointer;
}
.card{
  font-family: 'YekanBakhB';
    border: 1px solid rgba(12, 12, 12, 0.71);
  /* background: linear-gradient(304deg, transparent,rgb(8 80 107), transparent); */
  background: linear-gradient(304deg, transparent,#80c3c6, transparent);
  /* background: rgb(74 0 33); */
  /* box-shadow: 1px 0px 7px 1px #ffffff; */
  border-radius: 10px;
  width: 90%;
  margin: 1.35% auto;
  text-align: center;
  direction: rtl;
  padding: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  flex-wrap: nowrap;
}
.icon {
  width: 40px;
  height: 40px;
  display: inline-block;
  background-color: #919191;
}
.card p{
  margin: 0;
}
.col-2{
  display: inline-block;
  width: 15%;
}
.col-8{
  display: inline-block;
  width: 60%;
}
.w-100{
  width: 100%;
}
.d-inline-block{
  display: inline-block;
}
.c-g{
  font-size: 0.65rem;
  opacity: 0.6;
}
.title{
  font-size: 1rem;
  font-weight: bolder;
}
.off-1{}
.r-off-1{ display: none;}

.off-2{}
.r-off-2{ display: none;}

.info{
  position: fixed;
  left: -46px;
  top: 50%;
  z-index: 1000;
  bottom: 0;
}
.user-panel-mobile-user{

  display: none;
  background: rgb(41 46 60);
  position: fixed;
  height: 100%;
  z-index: 100000000000;
  right: 0;
  top: 0;
  border-radius: 30px 0 0 30px ;
  width: 30%;

  box-shadow: 0px 0 6px 3px #000;
}

#deactive-all{
  background: rgb(56 60 69 / 59%);
  width: 100%;
  height: 100%;
  /* margin-left: 250px; */
  position: fixed;
  top: 0;
  z-index: 9999999999;
  border-radius: 30px 0 0 0;
  overflow: hidden;
  display: none;
}
.btn-dark {
  color: #fff;
  background-color: #343a40 ;
  border-color: #343a40 ;
  width: 100%;
  margin-top: 10px;
  border-radius: 10px  !important;

}

.btn-dark:hover{color:#fff;background-color:#23272b;border-color:#1d2124}
select{
  width: 100%;
background: #383c45;
outline: 0;
border: none;
color: rgb(241 241 241);
border-radius: 10px;
padding: 10px;
margin: 10px 0px;
font-weight: 587;
direction: rtl;
}
.rtl{
  direction: rtl;
}
.ltr{
  direction: ltr;
}
.row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
.btn {
  display: inline-block;
  font-weight: 400;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid transparent;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
  padding: .375rem .75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: .25rem;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

@media(max-width:684px) {
    .discount {
        color: #ff7a7a;
        position: absolute;
        font-size: 9pt;
        left: 25px;
        top: 10px;
    }
  .btn-ruby{
    width: 85% !important; }
  .off-1{display: none;}
  .r-off-1{ display: block;}
  .info ul li{
    margin: 10px;

  }
  #mainmenu li {
    margin-left: 10px;
    font-size: 10.5pt;
    color: #9E9E9E;
}
.user-panel-mobile-user{
  width: 80%;
}

}
@media(max-width:409px) {

  .off-2{display: none;}

  .r-off-2{ display: block;}

}

@media(max-width:335px) {

  #mainmenu {
    margin: 0 auto;
    padding: 0;

  }
  #mainmenu li {
    margin-left: 10px;
    font-size: 10.5pt;
    color: #9E9E9E;
}
}
#map{
  width: 500px;
  height: 500px;
  margin: auto;
}

.btn-ruby{
    width: 35%;
    display: block;
    text-align: center;
    margin: auto;
    margin-bottom: auto;
    margin-bottom: auto;
    padding: 5px;
    background: #22252a;
    border-radius: 10px;
    background: linear-gradient(300deg, #066e5400,#6d5c9d, #81c6c8);
    margin-bottom: 10px;
    box-shadow: 0px 1px 4px 0px #000;
    /*background: #066e54;*/
}
.d-block{display: block;}
.d-none{display: none;}


/*################*/

.dis-place{
    /*display: inline-flex;*/
    /*align-items: center;*/
    /*flex-wrap: wrap;*/
    /*align-content: stretch;*/
    font-family: IRAN;
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 1rem;
    width: auto;
    height: auto;
    padding: 0px;
    margin: 0px;
    display: inline-block;
    color: rgb(166, 170, 173);
    text-align: initial;
}
.discount{
    color: rgb(166, 170, 173);
    position: absolute;
    font-size: 0.75rem;
    left: 47px;
    top: 17px;
}
.discount:after{
    content: ' ';
    width: 100%;
    height: 0px;
    border-bottom: 0.1pt solid;
    position: absolute;
    right: 0px;
    bottom: 11px;
}

.newPrice{
    margin-left: 5px;
    font-size: 15pt;
    color: snow;
    z-index: 10;
    position: relative;
}
.card{position: relative}

.fire{
    position: absolute;
    top: -6px;
    left: -10px;
    width: 25px;
    filter: blur(0.3pt);
}
.fire-light{
    width: 5px;
    height: 5px;
    box-shadow: 0px 0px 24px 0px #ff9e00;
    border-radius: 50%;
    padding: 7px;
    position: absolute;
    left: -7px;
    z-index: 4;
    top: 0px;
    background: rgb(255 165 0 / 37%);
    border-bottom: 1px solid #ff9e00;
}
.fire-bullet{
    position: absolute;
    right: 38px;
    top: 49px;
    z-index: 10;
}
.dis-label-v1{
    position: absolute;
    z-index: 4;
    left: 2%;
    top: -11px;
    color: snow;
    font-family: 'YekanBakhB';
    font-size: 10pt;
    background: linear-gradient(45deg, #99008d, #ff5312b8, #fff700);
    padding: 3px;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 2px 2px 6px 0px #66666675;
}
.dis-label{
    color: snow;
    font-size: 12px;
    position: absolute;
    left: 0;
    /*filter: blur(0.7pt);*/
    bottom: 0;
    background: #ef394e;
    border-radius: 20px;
    padding: 1px 10px;
    box-shadow: 0px 0px 5px 2px #71151f;
}
.s-icon{
    background: snow;
}
.mobile-icon{
    margin-bottom: -7px;
    margin-left: 10px;
    width: 30px;
    height: 30px;
    display: inline-block;
    background: linear-gradient(45deg,#09634e,white);
}