@import url(https://fonts.googleapis.com/earlyaccess/droidarabickufi.css);

 .main-menu {
   min-width: 16rem;
   max-width: 32rem;
   /* font-family: 'Droid Arabic Kufi', serif; */
 }


@media (max-width: 575.98px) {
 .main-menu {
   width: 100%;
   font-size: 0.97em;
 }
 .container,.card-body, .card-header  {
	 padding: 0px;
 }
 
 .card {
	 margin-left: 1px !important;
	 margin-right: 1px !important;
 }
 .card-text {
   padding-left: 0.5rem;
   padding-right: 0.5rem;
 }
.price{
	font-size: 140%;
	}	
}
@media (max-width: 767.98px) {

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

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

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

}


 .main-menu > .card-header {
   height: 12rem;
   background-image: url('../img/cover.jpg');
     background-repeat: no-repeat;

 }

 .main-menu .top-padding {
   background-color: white;

   height: 2rem;
   margin-top: -1rem !important;
   z-index: 1000;
   -webkit-border-radius: 32px;
   -moz-border-radius: 32px;
   border-radius: 32px;
 }

 .main-menu .top-padding .logo {
   position: absolute;
   left: 24px;
   max-height: 12vh;
   margin-top: -3vh;
   z-index: 1000;
 }

 .main-menu .card-body .card-text {
   
 }

 .main-menu .card-body .category li {
   margin-left: 0.5rem;
 }

 .main-menu .card-body .price {
   color: #f6924f !important;
   
 }

 .main-menu .card-body .calories {
   font-size: 0.8em !important;
 }

 .main-menu .card-body .sub-menu > .card .card-header
  {
   /* background-image: attr('data-background' 'url') !important; */
   height: 16rem;
   cursor: pointer;
 }

.zoom-price {
  color: #abcefa;
  position: absolute;
  bottom: 0.5rem;
  left: 1rem;
}
.zoom-calories {
  font: text-bg-success;
  position: absolute;
  bottom: 0.5rem;مه
  right: 1rem;
}