@import url(https://fonts.googleapis.com/css2?family=Noto+Kufi+Arabic:wght@300;400;500;600);
/* dark mode */
body.dark-mode {
    background-color: #121212 !important;
    color: #ffffff!important;
}

/* Example for links and other elements */
body.dark-mode a {
    color: #bb86fc!important;
}
/* Image Slider Homepage*/
.slider-container {
  position: relative;
  width: 100%;
  margin: auto;
  overflow: hidden;
  height: auto; /* Adjust based on your images */
  background-color: #f3f3f3;
}

.slider a {
  display: none; /* Hide all slides initially */
  width: 100%;
}

.slider img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.prev, .next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-color: rgba(0, 0, 0, 0.5);
  color: white;
  border: none;
  padding: 10px;
  cursor: pointer;
}

.prev {
  left: 10px;
}

.next {
  right: 10px;
}

/* Share Products */

/* The button that triggers the popup */
.share-product {
  position: relative;
  z-index: 1;
}

.share-product {
  cursor: pointer;
}

/* Arabic language */
:lang(ar) .flip-h-ar {
    direction: rtl;
    transform: rotateY(180deg);
}

/* English language */
:lang(en) .flip-h-en {
    direction: ltr;
    transform: rotateY(0deg) !important;
}
/* The popup box itself */
.share-popup {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
  padding: 20px;
  border-radius: 10px;
  z-index: 9999;
}

.share-popup.visible {
  display: block;
}
.social-icons button {
  background: none;
  border: none;
  cursor: pointer;
  margin: 10px;
  display: inline-block;
  outline: none; /* إزالة التأثير على الزر */
}

.social-icons button:focus {
  outline: none;
}
.share-popup button img {
  width: 40px;
  height: 40px;
}

/* Share Products */

/*!
 * Bootstrap v4.5.3 (https://getbootstrap.com/)
 * Copyright 2011-2020 The Bootstrap Authors
 * Copyright 2011-2020 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
 
.Cats {
    position: relative;
}

.toggle-arrow {
    cursor: pointer;
    display: flex;
    align-items: center;
    font-size: 16px;
    margin-bottom: 10px;
}

.toggle-arrow i {
    margin-right: 5px;
}

/* Hide the menu by default */
.menu {
    display: none;
}

/* Show the menu when the checkbox is checked */
#toggle-categories:checked ~ .menu {
    display: block;
}

/* Optionally change the arrow direction */
#toggle-categories:checked ~ .toggle-arrow i {
    transform: rotate(180deg);
}

 
:root {
	--blue: #007bff;
	--indigo: #6610f2;
	--purple: #6f42c1;
	--pink: #e83e8c;
	--red: #dc3545;
	--orange: #fd7e14;
	--yellow: #ffc107;
	--green: #28a745;
	--teal: #20c997;
	--cyan: #17a2b8;
	--white: #fff;
	--gray: #6c757d;
	--gray-dark: #343a40;
	--primary: #007bff;
	--secondary: #6c757d;
	--success: #28a745;
	--info: #17a2b8;
	--warning: #ffc107;
	--danger: #dc3545;
	--light: #f8f9fa;
	--dark: #343a40;
	--breakpoint-xs: 0;
	--breakpoint-sm: 576px;
	--breakpoint-md: 768px;
	--breakpoint-lg: 992px;
	--breakpoint-xl: 1200px;
	--font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	--font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
}
.featured-collection .featured-collection-img {
    overflow: hidden;
    margin: auto;
    width: 245px;
    height: 245px;
}

.rounded-circle {
  width: 150px; /* Set the desired width */
  height: 150px; /* Set the desired height */
  border-radius: 50%; /* Make the image circular */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); /* Add a shadow */
}

*,
:after,
:before {
	box-sizing: border-box
}

html {
	-webkit-text-size-adjust: 100%;
	-webkit-tap-highlight-color: transparent;
	font-family: sans-serif;
	line-height: 1.15
}

footer,
header,
nav,
section {
	display: block
}

body {
	background-color: #fff;
	color: #212529;
	font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	margin: 0;
	text-align: left
}

hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible
}

h2,
h3 {
	margin-bottom: .5rem
}

h2,
h3,
p {
	margin-top: 0
}

address,
p {
	margin-bottom: 1rem
}

address {
	font-style: normal;
	line-height: inherit
}

ul {
	margin-bottom: 1rem;
	margin-top: 0
}

ul ul {
	margin-bottom: 0
}

b,
strong {
	font-weight: bolder
}

small {
	font-size: 80%
}

a {
	background-color: transparent;
	color: #007bff;
	text-decoration: none
}

a:hover {
	color: #0056b3;
	text-decoration: underline
}

a:not([href]):not([class]),
a:not([href]):not([class]):hover {
	color: inherit;
	text-decoration: none
}

code {
	font-family: SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
	font-size: 1em
}

img {
	border-style: none;
	vertical-align: middle
}

table {
	border-collapse: collapse
}

label {
	display: inline-block;
	margin-bottom: .5rem
}

button {
	border-radius: 0
}

button:focus {
	outline: 1px dotted;
	outline: 5px auto -webkit-focus-ring-color
}

button,
input,
select,
textarea {
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
	margin: 0
}

button,
input {
	overflow: visible
}

button,
select {
	text-transform: none
}

[role=button] {
	cursor: pointer
}

select {
	word-wrap: normal
}

[type=button],
[type=submit],
button {
	-webkit-appearance: button
}

[type=button]:not(:disabled),
[type=submit]:not(:disabled),
button:not(:disabled) {
	cursor: pointer
}

[type=button]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
	border-style: none;
	padding: 0
}

input[type=checkbox],
input[type=radio] {
	box-sizing: border-box;
	padding: 0
}

.ltr input[type=checkbox],
.ltr input[type=radio] {
	margin-right: 3px
}

.rtl input[type=checkbox],
.rtl input[type=radio] {
	margin-left: 3px
}

textarea {
	overflow: auto;
	resize: vertical
}

[type=search] {
	-webkit-appearance: none;
	outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
	-webkit-appearance: none
}

[hidden] {
	display: none !important
}

.h2,
.h3,
h2,
h3 {
	font-weight: 500;
	line-height: 1.2;
	margin-bottom: .5rem
}

.h2,
h2 {
	font-size: 2rem
}

.h3,
h3 {
	font-size: 1.75rem
}

hr {
	border: 0;
	border-top: 1px solid rgba(0, 0, 0, .1);
	margin-bottom: 1rem;
	margin-top: 1rem
}

.small,
small {
	font-size: 80%;
	font-weight: 400
}

code {
	word-wrap: break-word;
	color: #e83e8c;
	font-size: 87.5%
}

a>code {
	color: inherit
}

.container {
	margin-left: auto;
	margin-right: auto;
	padding-left: 15px;
	padding-right: 15px;
	width: 100%
}

@media (min-width:576px) {
	.container {
		max-width: 540px
	}
}

@media (min-width:768px) {
	.container {
		max-width: 720px
	}
}

@media (min-width:992px) {
	.container {
		max-width: 960px
	}
}

@media (min-width:1200px) {
	.container {
		max-width: 1140px
	}
}

.row {
	display: flex;
	flex-wrap: wrap;
	margin-left: -15px;
	margin-right: -15px
}

.col,
.col-lg-4,
.col-lg-6 {
	padding-left: 10px;
	padding-right: 10px;
	position: relative;
	width: 100%
}

.col {
	flex-basis: 0;
	flex-grow: 1;
	max-width: 100%
}

@media (min-width:992px) {
	.col-lg-6 {
		flex: 0 0 50%;
		max-width: 50%
	}

	.col-lg-4 {
		flex: 0 0 33.3333%;
		max-width: 33.3333%
	}
}

.table {
	color: #212529;
	margin-bottom: 1rem;
	width: 100%
}

.table td {
	border-top: 1px solid #dee2e6;
	padding: .75rem;
	vertical-align: top
}

.nav {
	flex-wrap: wrap;
	list-style: none;
	margin-bottom: 0;
	padding-left: 0
}

.card,
.nav {
	display: flex
}

.card {
	word-wrap: break-word;
	background-clip: border-box;
	background-color: #fff;
	border: 1px solid rgba(0, 0, 0, .125);
	border-radius: .25rem;
	flex-direction: column;
	min-width: 0;
	position: relative
}

.card>hr {
	margin-left: 0;
	margin-right: 0
}

.pagination {
	border-radius: .25rem;
	display: flex;
	list-style: none;
	padding-left: 0
}

.page-link {
	background-color: #fff;
	border: 1px solid #000;
	display: block;
	line-height: 1.25;
	margin-left: -1px;
	padding: .5rem .75rem;
	position: relative
}

.page-link:hover {
	background-color: #000;
	border-color: #000;
	color: #ccc;
	text-decoration: none;
	z-index: 2
}

.page-link:focus {
	box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25);
	outline: 0;
	z-index: 3
}

.page-item:first-child .page-link {
	margin-left: 0
}

.page-item.active .page-link {
	background-color: #007bff;
	border-color: #007bff;
	color: #fff;
	z-index: 3
}

.page-item.disabled .page-link {
	background-color: #fff;
	border-color: #dee2e6;
	color: #6c757d;
	cursor: auto;
	pointer-events: none
}

.badge-warning {
	background-color: #ffc107;
	color: #212529
}

a.badge-warning:focus,
a.badge-warning:hover {
	background-color: #d39e00;
	color: #212529
}

a.badge-warning:focus {
	box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5);
	outline: 0
}

.alert {
	border: 1px solid transparent;
	border-radius: .25rem;
	margin-bottom: 1rem;
	padding: .75rem 1.25rem;
	position: relative
}

.alert-success {
	background-color: #d4edda;
	border-color: #c3e6cb;
	color: #155724
}

.alert-success hr {
	border-top-color: #b1dfbb
}

.alert-danger {
	background-color: #f8d7da;
	border-color: #f5c6cb;
	color: #721c24
}

.alert-danger hr {
	border-top-color: #f1b0b7
}

@-webkit-keyframes progress-bar-stripes {
	0% {
		background-position: 1rem 0
	}

	to {
		background-position: 0 0
	}
}

@keyframes progress-bar-stripes {
	0% {
		background-position: 1rem 0
	}

	to {
		background-position: 0 0
	}
}

.modal-title {
	line-height: 1.5;
	margin-bottom: 0
}

.popover {
	word-wrap: break-word;
	background-clip: padding-box;
	background-color: #fff;
	border: 1px solid rgba(0, 0, 0, .2);
	border-radius: .3rem;
	display: block;
	font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
	font-size: .875rem;
	font-style: normal;
	font-weight: 400;
	left: 0;
	letter-spacing: normal;
	line-break: auto;
	line-height: 1.5;
	max-width: 276px;
	position: absolute;
	text-align: left;
	text-align: start;
	text-decoration: none;
	text-shadow: none;
	text-transform: none;
	top: 0;
	white-space: normal;
	word-break: normal;
	word-spacing: normal;
	z-index: 1060
}

@-webkit-keyframes spinner-border {
	to {
		transform: rotate(1turn)
	}
}

@keyframes spinner-border {
	to {
		transform: rotate(1turn)
	}
}

@-webkit-keyframes spinner-grow {
	0% {
		transform: scale(0)
	}

	50% {
		opacity: 1;
		transform: none
	}
}

@keyframes spinner-grow {
	0% {
		transform: scale(0)
	}

	50% {
		opacity: 1;
		transform: none
	}
}

.border {
	border: 1px solid #dee2e6 !important
}

.clearfix:after {
	clear: both;
	content: "";
	display: block
}

.d-none {
	display: none !important
}

.d-flex {
	display: flex !important
}

.flex-row {
	flex-direction: row !important
}

.justify-content-start {
	justify-content: flex-start !important
}

.justify-content-between {
	justify-content: space-between !important
}

.align-items-start {
	align-items: flex-start !important
}

.align-items-center {
	align-items: center !important
}

.m-0 {
	margin: 0 !important
}

.mb-0 {
	margin-bottom: 0 !important
}

.mx-1 {
	margin-right: .25rem !important
}

.mb-1 {
	margin-bottom: .25rem !important
}

.mx-1 {
	margin-left: .25rem !important
}

.mt-2 {
	margin-top: .5rem !important
}

.mr-2 {
	margin-right: .5rem !important
}

.mb-2 {
	margin-bottom: .5rem !important
}

.ml-2 {
	margin-left: .5rem !important
}

.mt-3 {
	margin-top: 1rem !important
}

.mb-3 {
	margin-bottom: 1rem !important
}

.mt-4 {
	margin-top: 1.5rem !important
}

.p-1 {
	padding: .25rem !important
}

.pb-3 {
	padding-bottom: 1rem !important
}

.mr-auto {
	margin-right: auto !important
}

.ml-auto {
	margin-left: auto !important
}

.visible {
	visibility: visible !important
}

@media print {

	*,
	:after,
	:before {
		box-shadow: none !important;
		text-shadow: none !important
	}

	a:not(.btn) {
		text-decoration: underline
	}

	img,
	tr {
		page-break-inside: avoid
	}

	h2,
	h3,
	p {
		orphans: 3;
		widows: 3
	}

	h2,
	h3 {
		page-break-after: avoid
	}

	@page {
		size: a3
	}

	.container,
	body {
		min-width: 992px !important
	}

	.table {
		border-collapse: collapse !important
	}

	.table td {
		background-color: #fff !important
	}
}

@font-face {
	font-display: block;
	font-family: moshtare-icons;
	font-style: normal;
	font-weight: 400;
	src: url(fonts/moshtare-icons9fb7.eot?djr7fk);
	src: url(fonts/moshtare-icons9fb7.eot?djr7fk#iefix) format("embedded-opentype"), url(fonts/moshtare-icons9fb7.ttf?djr7fk) format("truetype"), url(fonts/moshtare-icons9fb7.woff?djr7fk) format("woff"), url(fonts/moshtare-icons9fb7.svg?djr7fk#moshtare-icons) format("svg")
}

.fal {
	speak: never;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-family: moshtare-icons !important;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	line-height: 1;
	text-transform: none
}

.fa-heart:before {
	content: "\e98c"
}

.fa-calendar-empty:before {
	content: "\ea85"
}

.fa-telegram:before {
	color: #2ca5e0;
	content: "\e927"
}

.fa-tiktok:before {
	content: "\e925"
}

.fa-youtube:before {
	color: red;
	content: "\e922"
}

.fa-snapchat:before {
	color: #fffc00;
	content: "\e924"
}

.fa-moshtare:before {
	content: "\e923"
}

.fa-shopping-bag:before {
	content: "\e92a"
}

.fa-hotjar:before {
	content: "\e921"
}

.fa-star:before {
	content: "\e919"
}

.fa-table:before {
	content: "\e917"
}

.fa-medal:before {
	content: "\e9dd"
}

.fa-cashier:before {
	content: "\ea4a"
}

.fa-qr-code:before {
	content: "\e914"
}

.fa-categories-row:before {
	content: "\e915"
}

.fa-chat:before {
	content: "\ead6"
}

.fa-home:before {
	content: "\e90e"
}

.fa-cog1:before {
	content: "\e973"
}

.fa-at-sign:before {
	content: "\e995"
}

.fa-user:before {
	content: "\ea1e"
}

.fa-users:before {
	content: "\ea23"
}

.fa-cart-add:before {
	content: "\ea52"
}

.fa-bag-dollar:before {
	content: "\ea5e"
}

.fa-graph:before {
	content: "\eafa"
}

.fa-magnifier:before {
	content: "\ec22"
}

.fa-cross:before {
	content: "\ec2a"
}

.fa-plus1:before {
	content: "\ec36"
}

.fa-minus1:before {
	content: "\ec37"
}

.fa-chevrons-expand-vertical:before {
	content: "\ec3d"
}

.fa-pencil:before {
	content: "\e802"
}

.fa-trash1:before {
	content: "\e811"
}

.fa-tag:before {
	content: "\e82f"
}

.fa-phone-handset:before {
	content: "\e830"
}

.fa-checkmark-circle:before {
	content: "\e87f"
}

.fa-plus-circle:before {
	content: "\e881"
}

.fa-circle-minus:before {
	content: "\e882"
}

.fa-android1:before {
	color: #3ddc84;
	content: "\e905"
}

.fa-apple1:before {
	color: #999;
	content: "\e906"
}

.fa-facebook1:before {
	color: #1877f2;
	content: "\e907"
}

.fa-instagram1:before {
	color: #e4405f;
	content: "\e908"
}

.fa-paypal:before {
	color: #00457c;
	content: "\e909"
}

.fa-twitter1:before {
	color: #1da1f2;
	content: "\e90a"
}

.fa-whatsapp1:before {
	color: #25d366;
	content: "\e90b"
}

.fa-text:before {
	content: "\e901"
}

.fa-rectangle-wide:before {
	content: "\e903"
}

.fa-sort-alpha-down:before {
	content: "\e904"
}

.fa-search:before {
	content: "\f002"
}

.fa-check:before {
	content: "\f00c"
}

.fa-times:before {
	content: "\f00d"
}

.fa-cog:before {
	content: "\f013"
}

.fa-redo:before {
	content: "\f01e"
}

.fa-print:before {
	content: "\f02f"
}

.fa-map-marker:before {
	content: "\f041"
}

.fa-edit:before {
	content: "\f044"
}

.fa-chevron-left:before {
	content: "\f053"
}

.fa-chevron-right:before {
	content: "\f054"
}

.fa-times-circle:before {
	content: "\f057"
}

.fa-question-circle:before {
	content: "\f059"
}

.fa-arrow-left:before {
	content: "\f060"
}

.fa-plus:before {
	content: "\f067"
}

.fa-minus:before {
	content: "\f068"
}

.fa-chevron-up:before {
	content: "\f077"
}

.fa-chevron-down:before {
	content: "\f078"
}

.fa-phone:before {
	content: "\f095"
}

.fa-twitter:before {
	content: "\f099"
}

.fa-facebook:before {
	content: "\f09a"
}

.fa-globe:before {
	content: "\f0ac"
}

.fa-save1:before {
	content: "\f0c7"
}

.fa-bars:before {
	content: "\f0c9"
}

.fa-truck:before {
	content: "\f0d1"
}

.fa-undo:before {
	content: "\f0e2"
}

.fa-plus-square:before {
	content: "\f0fe"
}

.fa-angle-down:before {
	content: "\f107"
}

.fa-info:before {
	content: "\f129"
}

.fa-chevron-circle-left:before {
	content: "\f137"
}

.fa-chevron-circle-right:before {
	content: "\f138"
}

.fa-chevron-circle-up:before {
	content: "\f139"
}

.fa-chevron-circle-down:before {
	content: "\f13a"
}

.fa-instagram:before {
	content: "\f16d"
}

.fa-apple:before {
	content: "\f179"
}

.fa-android:before {
	content: "\f17b"
}

.fa-dot-circle:before {
	content: "\f192"
}

.fa-circle-notch:before {
	content: "\f1ce"
}

.fa-history:before {
	content: "\f1da"
}

.fa-sliders-h:before {
	content: "\f1de"
}

.fa-trash:before {
	content: "\f1f8"
}

.fa-whatsapp:before {
	content: "\f232"
}

.fa-object-ungroup:before {
	content: "\f248"
}

.fa-percent:before {
	content: "\f295"
}

.fa-address-card:before {
	content: "\f2bb"
}

.fa-sign-out-alt:before {
	content: "\f2f5"
}

.fa-chevron-double-down:before {
	content: "\f322"
}

.fa-chevron-double-left:before {
	content: "\f323"
}

.fa-chevron-double-right:before {
	content: "\f324"
}

.fa-chevron-double-up:before {
	content: "\f325"
}

.fa-chevron-square-down:before {
	content: "\f329"
}

.fa-chevron-square-left:before {
	content: "\f32a"
}

.fa-chevron-square-right:before {
	content: "\f32b"
}

.fa-chevron-square-up:before {
	content: "\f32c"
}

.fa-app-store:before {
	content: "\f36f"
}

.fa-facebook-f:before {
	content: "\f39e"
}

.fa-play-store:before {
	content: "\f3ab"
}

.fa-mobile-alt:before {
	content: "\f3cd"
}

.fa-mobile-android:before {
	content: "\f3ce"
}

.fa-money-bill-alt:before {
	content: "\f3d1"
}

.fa-truck-loading:before {
	content: "\f4de"
}

.fa-palette:before {
	content: "\f53f"
}

.fa-store:before {
	content: "\f54e"
}

.fa-file-export:before {
	content: "\f56e"
}

.fa-globe-americas:before {
	content: "\f57d"
}

.fa-grip-horizontal:before {
	content: "\f58d"
}

.fa-sparkles:before {
	content: "\f890"
}

.fa-sort-circle:before {
	content: "\f930"
}

.fa-external-link:before {
	content: "\f08e"
}

.fa-arrow-alt-down:before {
	content: "\f354"
}

.fa-grip-lines:before {
	content: "\f7a4"
}

.fa-arrows-split:before {
	content: "\ec47"
}

.fa-googleanalytics:before {
	content: "\e91d"
}

.fa-googlemaps:before {
	content: "\e91c"
}

.fa-arrow-alt-up:before {
	content: "\e920"
}

.fa-file-import:before {
	content: "\e91f"
}

.fa-chain:before {
	content: "\e91e"
}

.fa-basket:before {
	content: "\e929"
}

.fa-hazardous:before {
	content: "\e91b"
}

.fa-megaphone:before {
	content: "\e91a"
}

.fa-barcode:before {
	content: "\e916"
}

.fa-inbox:before {
	content: "\e913"
}

.fa-cart:before {
	content: "\e910"
}

.fa-category:before {
	content: "\e90f"
}

.fa-box:before {
	content: "\e902"
}

.fa-photo:before {
	content: "\e90d"
}

.fa-photos:before {
	content: "\e900"
}

.fa-eye:before {
	content: "\e912"
}

.fa-inboxes:before {
	content: "\e911"
}

.fa-sections:before {
	content: "\e90c"
}

.fa-template:before {
	content: "\e918"
}

.fa-policy:before {
	content: "\e926"
}

.fa-display:before {
	content: "\e956"
}

.fa-video:before {
	content: "\ea15"
}

.fa-pencil2:before {
	content: "\e928"
}

.fa-loop2:before {
	content: "\ea2e"
}

.picker {
	display: inline-block;
	vertical-align: middle
}

.picker .pc-element,
.picker .pc-trigger {
	word-wrap: break-word;
	-webkit-touch-callout: none;
	background-color: #fff;
	border: 1px solid #666;
	border-radius: 2px;
	color: #666;
	cursor: default;
	display: inline-block;
	margin-bottom: 5px;
	margin-right: 7px;
	padding: 0 24px 0 6px;
	position: relative;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	z-index: 10
}

.picker .pc-element .pc-close,
.picker .pc-trigger .pc-close {
	cursor: pointer;
	font-size: 16px;
	margin-top: -10px;
	position: absolute;
	right: 4px;
	top: 50%
}

.picker .pc-element .pc-close:after,
.picker .pc-trigger .pc-close:after {
	content: "\2716"
}

.picker .pc-element:hover,
.picker .pc-trigger:hover {
	background-color: #666;
	color: #fff
}

.picker .pc-select {
	display: inline-block;
	max-width: 200px;
	min-width: 165px;
	position: relative
}

.picker .pc-select .pc-trigger {
	cursor: pointer;
	margin-right: 0;
	width: 100%
}

.picker .pc-select .pc-list {
	background-color: #fff;
	border: 1px solid #666;
	left: 0;
	position: absolute;
	text-align: left;
	top: calc(100% - 6px);
	width: 100%;
	z-index: 11
}

.picker .pc-select .pc-list input[type=search] {
	background-color: #ddd;
	border: none;
	border-bottom: 2px solid #666;
	color: #666;
	outline: 0;
	padding-left: 8px;
	position: relative;
	width: 100%
}

.picker .pc-select .pc-list ul {
	margin: 0;
	max-height: 400px;
	overflow-y: auto;
	padding: 0
}

.picker .pc-select .pc-list li {
	word-wrap: break-word;
	color: #666;
	cursor: pointer;
	display: block;
	list-style: none;
	padding: 0 0 0 8px
}

.picker .pc-select .pc-list li:nth-child(2n) {
	background-color: #f2f2f2
}

.picker .pc-select .pc-list li:hover {
	background-color: #666;
	color: #fff
}

.picker .pc-select .pc-list li.not-found {
	cursor: default;
	font-style: italic;
	text-align: center
}

.picker .pc-select .pc-list li .searched {
	font-weight: 700
}

.picker .pc-select .pc-trigger {
	margin-bottom: 5px
}

* {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	margin: 0;
	padding: 0
}

:root {
	--sat: env(safe-area-inset-top);
	--sar: env(safe-area-inset-right);
	--sab: env(safe-area-inset-bottom);
	--sal: env(safe-area-inset-left)
}

body {
	background: #fff;
	color: #7d7d7d;
	font-family: Nunito, Noto Kufi Arabic, sans-serif;
	font-size: 14px;
	font-weight: 400;
	min-height: 100%;
	min-width: 270px;
	overscroll-behavior-y: none;
	touch-action: manipulation
}

body.modal-open {
	overflow: hidden
}

div {
	box-sizing: border-box;
	display: block;
	position: relative
}

ul {
	list-style: none;
	margin-bottom: 0
}

p {
	font-size: 14px;
	font-weight: 400;
	line-height: 2.14
}

a,
a:active,
a:hover,
a:visited {
	text-decoration: none;
	color: #333;
}

section {
	box-sizing: border-box;
	display: block;
	position: relative
}

.clearfix:after,
.clearfix:before {
	content: "";
	display: table
}

.clearfix:after {
	clear: both
}

.clearfix {
	zoom: 1
}

.float_left {
	float: left
}

.float_right {
	float: right
}

.more-link {
	margin-bottom: 25px
}

.super_container {
	display: flex;
	margin-left: 0;
	margin-right: 0;
	min-height: 100vh;
	padding-top: 0;
	width: 100%
}

.no-menu .menu {
	display: none
}

.button {
	background: none;
	border: 2px solid #1b1b1b;
	border-radius: 3px;
	cursor: pointer;
	display: flex;
	height: 50px !important;
	overflow: hidden;
	text-align: center
}

.button a,
.button button {
	align-items: center;
	background: none;
	display: flex;
	font-size: 16px;
	font-weight: 600;
	gap: 1rem;
	justify-content: center;
	padding: 0 15px;
	position: relative;
	transition: all .2s ease;
	z-index: 1
}

.checkout_section .button button {
	width: 100%
}

.checkout_section label {
	margin-bottom: 5px
}

.button button {
	border: 0;
	color: #000;
	cursor: pointer;
	margin: auto;
	outline: 0
}

header {
	align-items: center;
	display: block;
	display: flex;
	height: 90px;
	justify-content: space-between;
	left: 0;
	padding: 0 1rem;
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	width: 100%;
	z-index: 100
}

.header-extra {
	display: flex;
	left: 1rem;
	position: absolute
}

.mobile-menu {
	display: none
}

header .logo img {
	height: 85px;
	transition: all .2s ease
}

header .logo {
	margin: auto;
	max-width: 68%
}

header .logo a {
	color: #333;
	display: block;
	font-size: 30px;
	font-weight: 700;
	width: 100%
}

.ltr header .logo {
	text-align: right
}

header .toggle-mobile-menu,
header .toggle-mobile-menu2 {
	display: flex;
	margin: 0;
	position: absolute;
	right: 1rem
}

header .toggle-mobile-menu2.loggedin i {
	border: 2px solid #1c9bef
}

.mobile-menu2 {
	background: #fff;
	border-left: 1px solid #eee;
	border-right: 1px solid #eee;
	display: none;
	height: calc(100% - env(safe-area-inset-top));
	max-width: 450px;
	overscroll-behavior-y: none;
	padding-top: env(safe-area-inset-top);
	position: fixed;
	width: 100%;
	z-index: 1000
}

.rtl .mobile-menu2 {
	left: -1000px
}

.mobile-menu2 .close-menu {
	padding: 5px
}

.rtl .mobile-menu2 .close-menu {
	float: left
}

.ltr .mobile-menu2 .close-menu {
	float: right
}

.mobile-menu {
	margin: -10px 5% 0;
	position: fixed;
	right: 0;
	width: 90%;
	z-index: 1000
}

.mobile-menu .mobile-menu-inner {
	background: #fff;
	border-bottom: 1px solid #eee;
	box-shadow: 0 0 0 hsla(0, 0%, 100%, .51), 3px 3px 7px rgba(94, 104, 121, .688);
	margin: auto;
	max-width: 1000px;
	padding: .5em
}

.mobile-menu2 .mobile-menu-inner {
	margin-top: calc(env(safe-area-inset-top) + 60px);
	padding: 10px
}

.mobile-menu2 .menu-link {
	color: #333;
	margin-bottom: 10px;
	padding: 8px 0
}

.mobile-menu2 .menu-bottom .menu-link:not(:last-child) {
	border-bottom: 1px solid #eee
}

.mobile-menu2 .menu-link>a {
	border-radius: 16px;
	padding: 8px 14px
}

.mobile-menu2 .links-list .menu-link:hover a,
.mobile-menu2 .menu-link.active a {
	background: #00000018
}

.rtl .mobile-menu2 .menu-link a i {
	margin-left: 8px
}

.ltr .mobile-menu2 .menu-link a i {
	margin-right: 8px
}

.mobile-menu .store-info {
	padding: .5em
}

.mobile-menu2 .menu-bottom {
	bottom: calc(env(safe-area-inset-bottom) + 5px);
	padding: 10px;
	position: absolute
}

.mobile-menu2 .delivery-info {
	max-height: 100px;
	overflow-y: auto
}

.mobile-menu .mobile-menu-inner>div:not(:last-child) {
	border-bottom: 1px solid #eee
}

.mobile-menu .store-info a {
	color: #000
}

.mobile-menu .store-info .about-link {
	border-bottom: 1px solid #ddd
}

.mobile-menu .delivery-info {
	color: #000;
	display: flex;
	padding: .5em
}

.mobile-menu .language,
.mobile-menu .menu-location {
	color: #000;
	padding: .5em
}

.mobile-menu .past-orders {
	color: #000;
	max-height: 200px;
	overflow-y: auto;
	overscroll-behavior-y: none;
	padding: .5em
}

.mobile-menu .past-orders a {
	border-bottom: 1px solid #eee
}

.mobile-menu .logout,
.mobile-menu .past-orders li {
	padding: .5em
}

.rtl .mobile-menu i {
	margin-left: .5em
}

.ltr .mobile-menu i {
	margin-right: .5em
}

.search {
	cursor: pointer;
	display: inline-block;
	transform: translateY(-1px);
	vertical-align: sub
}

.hamburger {
	display: none
}

.menu {
	background: #fff;
	height: calc(100vh - 90px);
	overscroll-behavior-y: none;
	position: fixed;
	right: -400px;
	width: 250px;
	z-index: 101
}

.ltr .menu.active {
	display: block;
	left: 0;
	overflow-y: auto
}

.rtl .menu.active {
	display: block;
	overflow-y: auto;
	right: 0
}

.menu {
	display: none
}

.menu_container {
	width: 100%
}

.menu.active .menu_container {
	height: calc(100vh - 150px);
	overflow-y: auto
}

.page_menu_content {
	height: calc(100vh - 127px);
	overflow-y: auto;
	padding-left: 1em;
	padding-right: 1em
}

.page_menu_item {
	display: block;
	padding: 7px 5px;
	position: relative;
	vertical-align: middle
}

.page_menu_nav>li {
	border-bottom: 1px solid rgba(0, 0, 0, .1)
}

.page_menu_item>a {
	color: #1b1b1b;
	display: block;
	font-size: 13px;
	padding: 5px 0;
	transition: all .2s ease
}

.page_menu_item.active>a,
.page_menu_item>a:hover {
	color: #999
}

.page_menu_item a i {
	display: none;
	margin-right: 8px
}

.page_menu_item.has-children>a>i {
	display: inline-block
}

.page_menu_selection {
	height: 0;
	margin: 0;
	overflow: hidden;
	width: 100%;
	z-index: 1
}

.page_menu_selection.active-start {
	height: auto
}

.categories-row::-webkit-scrollbar,
.custom-row::-webkit-scrollbar,
.oneliner::-webkit-scrollbar,
.options-modal .modal-body::-webkit-scrollbar,
.options-modal::-webkit-scrollbar,
.page_menu_selection::-webkit-scrollbar,
.products-row::-webkit-scrollbar,
.subcategories::-webkit-scrollbar {
	display: none
}

.categories-row,
.custom-row,
.oneliner,
.options-modal,
.options-modal .modal-body,
.page_menu_selection,
.products-row,
.subcategories {
	-ms-overflow-style: none;
	scrollbar-width: none
}

.page_menu_selection li {
	padding-right: 5px;
	white-space: nowrap
}

.page_menu_selection li:last-child {
	padding-bottom: 20px
}

.page_menu_selection li a {
	color: #1b1b1b;
	display: block;
	font-size: 13px;
	transition: all .3s ease
}

.page_menu_selection li a:hover {
	color: #c3c1cc
}

.page_menu_selection li:last-child a {
	border-bottom: none
}

.content {
	background: #fff;
	min-height: 90vh;
	position: relative;
	width: 100%;
	z-index: 2
}

.product {
	display: inline-block;
	margin-bottom: 1rem;
	margin-top: 2px;
	width: calc(25% - 22.5px);
}

.widget .product {
	margin-top: 0
}

.thumb-discount-percentage {
    position: absolute;
    top: 0px;
    left: 0px;
    padding: 5px 10px 1px 10px;
    margin: -2px -2px;
    border-radius: 8px;
    background: #333;
    color: white;
    z-index: 1;
}

.product-inner {
	border-radius: 5px;
	box-shadow: 0 0 2px 0 rgb(0 0 0/1%), 0 0 4px 0 rgba(0, 0, 0, .1), inset 0 0 0 1px hsla(0, 0%, 100%, .1);
	flex-direction: column;
	height: 100%;
	justify-content: space-between;
	min-height: 300px
}

.product-inner,
.product_image {
	background: #fff;
	display: flex;
	width: 100%
}

.product_image {
	border-radius: 5px 5px 0 0;
	justify-content: center;
	margin: auto;
	max-height: 300px;
	overflow: hidden
}

.no-shadow {
	box-shadow: none !important
}

.product_image a {
	display: block;
	height: 300px;
	position: relative
}

.product_image img {
	bottom: 0;
	left: 0;
	margin: auto;
	max-height: 100%;
	max-width: 100%;
	right: 0;
	top: 0
}

.product.cart_footer .product_image a {
	height: 250px
}

.product.cart_footer .product-inner {
	height: auto
}

.product.cart_footer.cart_footer_2 .product-inner {
	height: calc(100% - 120px)
}

.product.cart_footer .more-product {
	height: calc(100% - 60px)
}

.product.cart_footer .product_image img {
	max-height: 250px
}

.product.cart_footer .buttons {
	align-items: center;
	direction: rtl;
	display: flex;
	height: 60px;
	padding: 10px 0
}

.product.cart_footer.stock-0 .buttons {
	display: none
}

.outofstock {
	color: #f5adbe
}

.thumb_quantity_buttons {
	align-items: center;
	display: flex;
	height: 100%;
	justify-content: space-around;
	margin-top: 0;
	padding-left: 10px
}

.product.cart_footer .thumb_quantity_buttons {
	width: 70%
}

.thumb_quantity_buttons .minus,
.thumb_quantity_buttons .plus {
	border: 1px solid #f3f3f3;
	border-radius: 50%;
	color: #777;
	font-size: 18px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	width: 30px
}

.product.cart_footer .thumb_quantity_buttons .minus,
.product.cart_footer .thumb_quantity_buttons .plus {
	background: #fff;
	font-size: 16px;
	height: 35px;
	line-height: 35px;
	width: 35px
}

.thumb_quantity_buttons input {
	background: transparent;
	border: none;
	font-size: 12px;
	outline: none;
	text-align: center;
	width: 30px
}

.product.cart_footer .action_button {
	align-items: center;
	background: #fff;
	border: 1px solid #f3f3f3;
	border-radius: 5px;
	color: #555;
	display: flex;
	font-size: 20px;
	height: 100%;
	justify-content: center;
	text-align: center;
	width: 30%
}

.favorate-me.favorated,
.product .action_button.favorated {
	background: #e61f1f
}

.favorate-me.favorated button,
.favorate-me.favorated i,
.product .action_button.favorated i {
	color: #fff
}

.badgee.active {
	transform: translateY(-5px)
}

.product_content {
	padding: .5rem;
	width: 100%
}

.product_title {
	color: #1b1b1b !important;
	direction: rtl;
	font-size: 1em;
	font-weight: 500;
	line-height: 1.1;
	overflow-wrap: break-word;
	padding-bottom: 7px;
	transition: all .2s ease
}

.product_price {
	color: #6c6a74;
	font-size: 16px;
	font-weight: 500;
	line-height: .75;
	margin-top: 7px
}

.product_extra {
	height: 36px;
	left: 54px;
	position: absolute;
	text-align: center;
	top: 0;
	transform: rotate(90deg);
	transform-origin: top left;
	width: 66px
}

.product_extra a {
	color: #fff;
	display: block;
	font-size: 16px;
	font-weight: 500;
	line-height: 36px
}

.product_new {
	background: #6c6a74
}

.footer_social {
	width: 40%
}

.footer_social ul li {
	display: inline-block
}

.rtl .footer_social ul li:not(:last-child) {
	margin-left: 1em
}

.ltr .footer_social ul li:not(:last-child) {
	margin-right: 1em
}

.footer_social ul li a i {
	color: #1b1b1b;
	font-size: 22px
}

.footer_social ul li a i:hover {
	color: #3b5998
}

.mobile-menu-social {
	margin-top: 10px;
	text-align: center
}

.mobile-menu-social ul li {
	display: inline-block;
	margin: 0 .5em
}

.mobile-menu-social a {
	font-size: 1.2em
}

.details_row {
	margin: 1em 0
}

.details_image_large {
	height: 400px;
	overflow: hidden;
	position: relative
}

.details_image_large img {
	bottom: 0;
	left: 0;
	margin: auto;
	max-height: 400px;
	max-width: 100%;
	position: absolute;
	right: 0;
	top: 0
}

.details_image_thumbnails {
	margin-top: 17px
}

.details_image_thumbnail {
	align-items: center;
	cursor: pointer;
	display: flex;
	height: 100px;
	justify-content: center;
	margin-left: 5px;
	text-align: center;
	width: calc(25% - 12.75px)
}

.details_image_thumbnail:after {
	background: transparent;
	box-shadow: 0 0 2px 0 rgba(0, 0, 0, .01), 0 1px 7px 0 rgba(0, 0, 0, .1), inset 0 0 0 1px hsla(0, 0%, 100%, .1);
	content: "";
	display: block;
	height: 100%;
	left: 0;
	opacity: 0;
	pointer-events: none;
	position: absolute;
	top: 0;
	transition: all .2s ease;
	visibility: hidden;
	width: 100%
}

.details_image_thumbnail.active:after,
.details_image_thumbnail:hover:after {
	opacity: 1;
	visibility: visible
}

.details_image_thumbnail img {
	max-height: 100px;
	max-width: 100%
}

.details_name {
	color: #1b1b1b;
	font-size: 24px;
	font-weight: 500;
	margin-top: -9px
}

.details_discount {
	color: #333;
	display: inline-block;
	font-size: 13px;
	font-weight: 400;
	text-decoration: line-through
}

.ltr .details_discount {
	margin-right: 10px
}

.rtl .details_discount {
	margin-left: 10px
}

.details_price {
	color: #6c6a74;
	display: inline-block;
	font-size: 16px;
	font-weight: 500;
	margin-top: 12px
}

.details_text {
	margin-top: 19px
}

.details_text p {
	font-weight: 500
}

.details_text figure img {
	border-radius: 10px
}

ul {
	list-style: inside;
	padding: 5.5px 3px
}

.mosh-button:active {
	transform: translateY(2px)
}

.rtl .product_quantity_container .button:not(:last-child) {
	margin-left: 10px
}

.ltr .product_quantity_container .button:not(:last-child) {
	margin-right: 10px
}

.description_row {
	margin-top: 91px
}

.cart_info_container {
	border: 1px solid #eee;
	border-radius: 3px;
	padding: 10px
}

.cart_info_columns {
	border-bottom: 1px solid #eee;
	padding-bottom: 7px;
	width: 100%
}

.cart_info_col {
	color: #1b1b1b;
	font-size: 14px;
	font-weight: 400
}

.rtl .cart_info_col {
	float: right
}

.ltr .cart_info_col {
	float: left
}

.cart_info_col_product {
	width: 45%
}

.cart_info_col_quantity {
	max-width: 200px;
	text-align: center;
	width: 30%
}

.cart_info_col_total {
	text-align: center;
	width: 20%
}

.cart_item {
	padding-bottom: 10px;
	padding-top: 10px
}

.cart_item:not(:last-child) {
	border-bottom: 1px solid #e3e3e3
}

.cart_item_product {
	flex-basis: 45%
}

.cart_item_quantity {
	color: #000;
	flex-basis: 30%;
	max-width: 200px;
	text-align: center
}

.cart_item_total {
	flex-basis: 20%;
	text-align: center
}

.cart_item_delete {
	flex-basis: 5%;
	text-align: center
}

.cart_item_image {
	width: 100%
}

.cart_item_image div img {
	max-height: 100px;
	max-width: 100px
}

.cart_item_price {
	color: #1b1b1b;
	font-size: 14px;
	font-weight: 400
}

.cart_item_total {
	color: #1b1b1b
}

.delivery {
	width: 100%
}

.coupon_container {
	display: flex;
	margin-top: 20px
}

.coupon_container input[type=text] {
	margin: 0 0 0 10px;
	text-align: center
}

.ltr .coupon_container input[type=text] {
	margin: 0 10px 0 0
}

.coupon_container button,
.coupon_container input {
	border: 1px solid #ccc;
	border-radius: 3px;
	outline: 0;
	padding: 5px
}

.coupon_container input[type=submit] {
	padding-bottom: 8px
}

.order_section {
	border-radius: 11px
}

.rtl .order_section {
	float: right
}

.ltr .order_section {
	float: left
}

.order_section.details {
	padding: 1em
}

.checkout {
	background: #fff;
	padding-bottom: 99px;
	padding-top: 20px;
	width: 100%;
	z-index: 2
}

.section_title {
	color: #1b1b1b;
	font-size: 24px;
	font-weight: 600
}

.checkout_form_container {
	margin-top: 15px;
	width: 100%
}

.checkout_form>div:not(:last-child) {
	margin-bottom: 14px
}

.checkout_form label {
	color: #6c6a74;
	font-size: 14px;
	font-weight: 400
}

.checkout_input {
	background: #f2f4f8;
	border: none;
	border-radius: 4px;
	height: 40px;
	outline: none;
	padding-left: 10px;
	padding-right: 10px;
	width: 100%
}

.checkout_input[type=email],
.checkout_input[type=phone] {
	direction: ltr
}

.dropdown_item_select {
	-webkit-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	appearance: none;
	background-image: url(../images/down.png);
	background-position: 10px;
	background-repeat: no-repeat;
	box-shadow: 0 0 0 transparent;
	-webkit-box-shadow: 0 0 0 transparent;
	color: #1b1b1b !important;
	cursor: pointer;
	font-size: 14px;
	font-weight: 400;
	margin: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	white-space: nowrap
}

.ltr .dropdown_item_select {
	background-position: right -10px center
}

.dropdown_item_select::-ms-expand {
	display: none
}

.order_list_container {
	margin-top: 20px
}

.order_list_title,
.order_list_value {
	color: #1b1b1b;
	font-size: 14px;
	font-weight: 400
}

.order_list li:not(:last-child) {
	margin-bottom: 20px
}

.payment_options {
	margin-top: 30px
}

.payment_option {
	color: #1b1b1b;
	cursor: pointer;
	display: block;
	font-size: 14px;
	font-weight: 400;
	position: relative;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none
}

.ltr .payment_option {
	padding-left: 31px
}

.rtl .payment_option {
	padding-right: 31px
}

.payment_option input {
	opacity: 0;
	position: absolute;
	visibility: hidden
}

.checkmark {
	background: transparent;
	border: 2px solid #6c6a74;
	border-radius: 50%;
	height: 13px;
	margin-top: 4px;
	position: absolute;
	top: 0;
	transition: all .2s ease;
	width: 13px
}

.ltr .checkmark {
	left: 0
}

.rtl .checkmark {
	right: 0
}

.payment_option input:checked~.checkmark {
	background: #333
}

.payment_option input:hover~.checkmark {
	border: 2px solid #333
}

.order_text {
	color: #6c6a74;
	font-size: 12px;
	font-style: italic;
	font-weight: 400;
	margin-top: 15px
}

.order_button {
	background: #43a618;
	border: 0;
	border-radius: 14px;
	color: #fff;
	margin: 20px auto;
	max-width: 300px
}

.order_button button {
	color: #fff
}

.success-page .alert-success {
	margin-top: 30px
}

.search-box {
	display: none;
	z-index: 100
}

.search-box,
.search-overlay {
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%
}

.search-overlay {
	background: rgba(0, 0, 0, .5)
}

.overlay-content {
	margin: auto;
	position: relative;
	top: calc(50% - 55px);
	width: 90%
}

.search-box .closebtn {
	-webkit-tap-highlight-color: transparent;
	align-items: center;
	background-color: #e4e6eb;
	border-radius: 50%;
	cursor: pointer;
	display: flex;
	height: 40px;
	justify-content: center;
	position: absolute;
	right: 50px;
	top: calc(50% - 150px);
	touch-action: manipulation;
	width: 40px
}

.search-box .closebtn i {
	background-image: url(../images/close.png);
	background-position: 0 -42px;
	background-repeat: no-repeat;
	background-size: 21px 63px;
	display: inline-block;
	height: 20px;
	vertical-align: -.25em;
	width: 20px
}

.search-box input[type=text] {
	background: #fff;
	border: none;
	border-radius: 0;
	float: left;
	font-size: 17px;
	height: 55px;
	outline: 0;
	padding: 15px;
	width: 80%
}

.search-box input[type=text]:hover {
	background: #f1f1f1
}

.search-box button {
	background: #ddd;
	border: none;
	cursor: pointer;
	float: left;
	font-size: 17px;
	height: 55px;
	outline: 0;
	padding: 15px;
	width: 20%
}

.search-box button:hover {
	background: #bbb
}

.top_icon {
	align-items: center;
	cursor: pointer;
	display: flex;
	height: 55px;
	justify-content: center;
	margin: 0 8px 0 0;
	position: relative;
	text-align: center
}

.top_icon i {
	color: #000;
	font-size: 23px
}

.subcategoryhome {
    border: 0 !important;
    text-align: center;
}

.top_icon.active i {
	color: #e95a5a
}

.form-check-label {
	padding-right: 1.25rem
}

.badgee {
	border-radius: 9px;
	padding-left: 9px;
	padding-right: 9px;
	transition: all .5s ease
}

.badge-warning[href],
.label-warning[href] {
	background-color: #c67605
}

#lblCartCount {
	background: red;
	color: #fff;
	font-size: 12px;
	padding: 0 5px;
	position: absolute;
	top: -6px;
	vertical-align: top
}

.rtl #lblCartCount {
	right: -8px
}

.ltr #lblCartCount {
	left: -8px
}

.mobile-left,
footer {
	display: none
}

footer {
	width: 100%
}

header .top_icon .i,
header .top_icon i {
	align-items: center;
	background: #fff;
	border-radius: 50%;
	box-shadow: 0 0 2px 0 rgba(0, 0, 0, .01), 0 1px 7px 0 rgba(0, 0, 0, .1), inset 0 0 0 1px hsla(0, 0%, 100%, .1);
	cursor: pointer;
	display: flex;
	font-size: 17px;
	font-style: normal;
	height: 40px;
	justify-content: center;
	width: 40px
}

header .top_icon .i img {
	color: #000;
	height: 18px;
	width: 18px
}

.top_search input {
	background: #f0f2f5;
	border: 0;
	border-radius: 50px;
	cursor: pointer;
	font-size: .9375rem;
	height: 40px;
	outline: 0;
	padding: 7px 10px 9px 30px;
	text-indent: 10px;
	transition: all .3s ease;
	transition-timing-function: linear;
	width: 40px
}

.top_translate {
	background: #f0f2f5;
	border: 0;
	border-radius: 50px;
	cursor: pointer;
	transition: all .3s ease;
	transition-timing-function: linear;
	width: 40px;
	height: 40px;
	margin-top: 9px;
}

.top_search .image {
	left: 12px;
	position: absolute;
	top: 9px
}

.top_search input.active,
.top_search input:focus {
	width: 250px !important
}

header .top_icon i.active,
header .top_icon i:hover {
	background: rgba(228, 230, 235, .7)
}

select {
	-webkit-appearance: none;
	-moz-appearance: none;
	background-image: url('data:image/svg+xml;utf8,<?xml version=!string!encoding=!string!?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg xmlns=!string!width=!string!height=!string!version=!string!><path d=!string!/></svg>');
	background-position: right 50%;
	background-repeat: no-repeat;
	border-radius: 0;
	outline: 0;
	padding: 2px 7px 4px 22px;
	text-align: center
}

.ltr select {
	padding: 2px 22px 4px 7px
}

button,
input[type=submit] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none
}

.box-shadow {
	box-shadow: 0 0 2px 0 rgba(0, 0, 0, .01), 0 0 4px 0 rgba(0, 0, 0, .1), inset 0 0 0 1px hsla(0, 0%, 100%, .1)
}

.clickable:hover {
	box-shadow: 0 5px 10px -7px #aaa, 5px 5px 15px 5px hsla(0, 0%, 100%, 0);
	transform: translateY(1px)
}

.clickable:active {
	transform: translateY(2px)
}

.light-box-shadow {
	box-shadow: 0 0 2px 0 rgba(0, 0, 0, .01), 0 1px 2px 0 rgba(0, 0, 0, .1), inset 0 0 0 1px hsla(0, 0%, 100%, .1)
}

.category-boxes {
	align-content: space-between;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-evenly;
	padding-bottom: 50px
}

.category-boxes .category-box {
	background: #fff;
	border-radius: 8px;
	height: 170px;
	margin: 10px 5px;
	overflow: hidden;
	position: relative;
	text-align: center;
	width: 210px
}

.category-boxes .category-box.no-title-box {
	height: 140px
}

.category-boxes .category-box.active {
	padding: 2px
}

.category-boxes .category-box.title-only.active {
	background: #fff;
	border: 3px solid #323232
}

.category-boxes .category-box.title-only {
	border: 1px solid #e2e2e2;
	padding: 10px
}

.category-boxes .category-box img {
	height: 22vw
}

.category-boxes .category-box .category-title {
	align-content: center;
	align-items: center;
	bottom: 0;
	display: flex;
	height: 30px;
	left: 0;
	position: absolute;
	width: 100%
}

.category-boxes .category-box .category-title p {
	font-size: 12px;
	height: 30px;
	margin-bottom: 0;
	text-align: center;
	width: 100%
}

.category-boxes .category-box .category-title-only {
	align-items: center;
	display: flex;
	height: 100%;
	justify-content: center
}

.category-boxes .category-box .category-title-only p {
	font-size: 2vw;
	margin-bottom: 0;
	text-align: center
}

.category-boxes .category-box {
	height: 28vw;
	margin: 1vw 0;
	width: 33vw
}

.category-boxes .category-box.no-title-box {
	height: 22vw
}

.categories-row {
	display: block;
	margin: 0;
	overflow: auto;
	padding-bottom: 0;
	white-space: nowrap;
	width: 100%
}

.category-box.over-10,
.category-boxes.categories-row .category-box {
	margin: 1vw
}

.category-boxes .category-box .category-title {
	height: 6vw;
	min-height: 20px
}

.category-boxes .category-box .category-title p {
	font-size: 16px
}

.subcategories {
	background: #fff;
	margin-top: -8px;
	overflow: auto;
	padding: .5rem 1rem;
	position: -webkit-sticky;
	position: sticky;
	top: 87px;
	white-space: nowrap;
	z-index: 11
}

.container .subcategories {
	padding: 12px 0
}

.products-row {
	background: #fff;
	display: flex;
	flex-wrap: nowrap;
	gap: 1rem;
	overflow: auto;
	padding: 3px 1rem
}

.products-row .product {
	flex-shrink: 0;
	white-space: normal
}

.restaurant-category,
.subcategory {
	background: #fff;
	border: 1px solid #000;
	border-radius: 0;
	color: #000;
	cursor: pointer;
	display: inline-block;
	font-size: 12px;
	margin: 5px 0 5px 10px;
	padding: 10px 20px;
	text-decoration: none
}

.ltr .restaurant-category,
.ltr .subcategory {
	margin: 5px 5px 5px 0
}

.subcategoryhome.active {
    background:0 !important;
    color:#000 !important;
}

.subcategory.active {
	background: #000;
	border: 1px solid #ccc;
	color: #fff
}

.restaurant-category.active {
	background: #000;
	border: 1px solid #000;
	color: #fff
}

.order {
	background: #f2f4f8;
	border-radius: 11px;
	padding: 1em;
	width: 100%
}

.pagination {
	flex-wrap: wrap
}

.page-link {
	align-items: center;
	color: #000;
	display: flex;
	height: 40px;
	justify-content: center;
	margin: 3px;
	padding-left: 0;
	padding-right: 0;
	text-align: center;
	width: 40px
}

.page-item.active .page-link {
	background: #000;
	border-color: #000;
	color: #fff
}

.more-product {
	display: none;
	height: 100%
}

.home-category-title {
	border-radius: 3px;
	color: #000;
	display: block;
	padding: 10px;
	text-align: center
}

.alert-danger {
	background: rgb(256, 0, 0, .1)
}

.overlay-content form {
	height: 55px
}

.search-results {
	background: #fff;
	display: none;
	padding: 5px
}

.search-result {
	border-bottom: 1px solid #e2e2e2;
	padding: 5px
}

.announcement {
	padding: .5em
}

.announcement p {
	font-size: 1rem;
	padding: 5px;
	text-align: center
}

.video-container {
	height: 0;
	margin: 1em 0 1em 1em;
	padding-bottom: 56.25%;
	position: relative
}

.order-pickup-time input {
	background-image: url("data:image/svg+xml;utf8,<svg xmlns=!string!width=!string!height=!string!><circle cx=!string!cy=!string!r=!string!fill=!string!stroke=!string!stroke-width=!string!/><path d=!string!stroke=!string!stroke-width=!string!/><circle cx=!string!cy=!string!r=!string!fill=!string!stroke=!string!stroke-width=!string!/></svg>"), url("data:image/svg+xml;utf8,<svg xmlns=!string!width=!string!height=!string!><path d=!string!fill=!string!style=!string!/></svg>"), url("data:image/svg+xml;utf8,<svg xmlns=!string!width=!string!height=!string!><path d=!string!style=!string!/></svg>");
	background-position: .5rem 50%;
	background-repeat: no-repeat;
	background-size: 2rem 2rem;
	border-radius: 1rem;
	color: #222;
	font-size: 2rem;
	padding: .5rem .5rem .5rem 3rem;
	transition: backgroundImage .25s
}

.order-pickup-time input:focus {
	margin-top: 5px;
	outline: 2px dashed #945;
	outline-offset: 3px
}

.addition {
	border-radius: 3px;
	cursor: pointer;
	margin: 5px;
	min-height: 2.5rem;
	min-width: 90px;
	padding: 5px 10px 5px 22px;
	text-align: center
}

.ltr .addition {
	padding: 5px 22px 5px 10px
}

.addition p {
	margin-bottom: 0
}

.addition .check {
	background: #fff;
	border: 2px solid #333;
	border-radius: 5px;
	color: #fff;
	font-size: 1rem;
	height: 30px;
	line-height: 27px;
	width: 30px
}

.rtl .addition .check {
	float: right;
	margin-left: 10px
}

.ltr .addition .check {
	float: left;
	margin-right: 10px
}

.rtl .addition .addition-name {
	float: right
}

.ltr .addition .addition-name,
.rtl .addition .addition-price {
	float: left
}

.ltr .addition .addition-price {
	float: right
}

.addition.active .check {
	background: #333;
	border: 2px solid #333;
	color: #fff;
	font-weight: 700
}

.onepage-product img {
	border-radius: 4px;
	max-height: 100px;
	max-width: 100px
}

.image-cell img {
	border-radius: 10px;
	max-height: 170px;
	max-width: 170px
}

.rtl .image-cell img {
	float: left
}

.ltr .image-cell img {
	float: right
}

.onepage-product p {
	margin-bottom: 0
}

.product-name {
	color: #333;
	font-size: 1rem
}

.modal-product-title {
	color: #333
}

.onepage-group .home-category-title {
	border-radius: 3px;
	cursor: pointer;
	margin-left: -5px;
	margin-right: -5px
}

.onepage-group table {
	margin: auto;
	width: 100%
}

.onepage-group tr {
	border-bottom: 1px solid #eee
}

.onepage-group td {
	padding: 15px 5px;
	vertical-align: top
}

.onepage-add-to-cart {
	color: green;
	font-size: 30px
}

.options-modal-container {
	display: none;
	height: 100%;
	justify-content: center;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 10000
}

.modal-overlay {
	background: rgba(0, 0, 0, .5);
	height: 100vh;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%
}

.options-modal {
	background: #fff;
	border-radius: 20px 20px 0 0;
	bottom: -100vh;
	height: calc(100% - 50px - env(safe-area-inset-bottom));
	max-width: 500px;
	padding: 10px;
	position: fixed;
	transition: bottom .3s;
	transition: bottom .5s;
	-webkit-transition: bottom .5s;
	width: 100%
}

.options-modal .modal-body {
	max-height: calc(100% - 112px - env(safe-area-inset-bottom))
}

.options-modal .product-details {
	margin: 5px;
	width: 95%
}

.options-modal .product-details .add-cell div {
	display: none
}

.options-modal .product-image {
	height: 300px;
	margin: auto;
	width: 300px
}

.add-cell {
	vertical-align: top
}

.rtl .add-cell {
	text-align: left
}

.ltr .add-cell {
	text-align: right
}

.product-info-cell {
	width: 80%
}

.close-menu,
.close-modal {
	font-size: 25px
}

.modal-title {
	border-bottom: 1px solid #eee;
	display: flex;
	justify-content: space-between;
	padding-bottom: 5px
}

.modal-title b {
	color: #000;
	font-size: 20px
}

table.variations {
	max-width: 800px;
	min-width: 100%
}

table.variations td:not(:first-child) {
	padding-top: 5px
}

.addition_model {
	display: none
}

.options-modal p.additions-label,
.options-modal p.variation-name {
	font-weight: 700
}

.options-modal .variation-value {
	padding: 5px 10px 5px 22px
}

.options-modal .variation-value label {
	color: #333;
	font-weight: 700
}

.options-modal .variation-value label span {
	background-color: #eee;
	border: 2px solid #333;
	border-radius: 50%;
	height: 25px;
	position: absolute;
	top: 0;
	width: 25px
}

.rtl .options-modal .variation-value label span {
	right: 0
}

.ltr .options-modal .variation-value label span {
	left: 0
}

.options-modal .variation-value input:hover input~span {
	background-color: #ccc
}

.options-modal .variation-value input:checked~span {
	background-color: #efd6de;
	border: 2px solid #800f23
}

.options-modal .variation-value label span:after {
	content: "";
	display: none;
	position: absolute
}

.options-modal .variation-value input:checked~span:after {
	display: block
}

.options-modal .variation-value span:after {
	background: #800f23;
	border-radius: 50%;
	height: 9px;
	right: 6px;
	top: 6px;
	width: 9px
}

.options-modal .variation-value label {
	cursor: pointer;
	display: block;
	margin-bottom: 12px;
	padding: 0 35px;
	position: relative;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none
}

.options-modal .variation-value input {
	cursor: pointer;
	margin: 0 5px;
	opacity: 0;
	position: absolute
}

.line-through {
	color: red;
	text-decoration: line-through
}

.max-1000 {
	margin: auto;
	max-width: 1000px
}

.shadow-out {
	box-shadow: -3px -3px 9px #ffffff83, 3px 3px 7px rgba(94, 104, 121, .688)
}

.shadow-in {
	box-shadow: inset -3px -3px 9px #ffffff83, inset 3px 3px 7px rgba(94, 104, 121, .688)
}

.fade-in {
	animation: fadeIn .5s ease;
	-webkit-animation: fadeIn .5s ease;
	-moz-animation: fadeIn .5s ease;
	-o-animation: fadeIn .5s ease;
	-ms-animation: fadeIn .5s ease
}

@keyframes fadeIn {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@-webkit-keyframes fadeIn {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

.dotsContainer {
	height: 20px;
	text-align: center;
	width: 100%
}

.dots {
	background-color: rgba(0, 0, 0, .2);
	border-radius: 100%;
	display: inline-block;
	height: 8px;
	margin: 8px 2px;
	width: 8px
}

.dots:hover {
	background-color: rgba(0, 0, 0, .4);
	cursor: pointer
}

.activeDot {
	background-color: rgba(0, 0, 0, .6)
}

.slider-container {
	cursor: -webkit-grab;
	cursor: grab;
	display: inline-flex;
	overflow: hidden;
	scrollbar-width: none;
	transform: translateX(0);
	transition: transform .1s ease-out;
	will-change: transform
}

.slide {
	align-items: center;
	display: flex;
	flex-shrink: 0;
	justify-content: center;
	max-height: 500px;
	max-width: 1000px;
	width: 100vw
}

.slide img {
	border-radius: 4px;
	box-shadow: 5px 5px 50px -1px var(--shadow);
	max-height: 100%;
	max-width: 100%;
	transition: transform .3s ease-in-out;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none
}

.grabbing {
	cursor: -webkit-grabbing;
	cursor: grabbing
}

.pointer-cursor {
	cursor: pointer
}

.sort-button {
	background: #fff;
	border: 1px solid #cecece;
	display: block;
	margin: auto;
	padding: 5px
}

.mobile-menu-overlay {
	background: #000;
	display: block;
	height: 100%;
	left: 0;
	margin: 0;
	opacity: 0;
	position: fixed;
	top: 0;
	transition: visibility .7s, opacity .7s linear;
	visibility: hidden;
	width: 100%;
	z-index: 999
}

.mobile-menu-overlay.show {
	opacity: .7;
	visibility: visible
}

.loader-wrapper {
	background: hsla(0, 0%, 94%, .6);
	display: none;
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 1000
}

.loader-wrapper.widget-loader {
	position: absolute
}

.loader-wrapper .loader {
	-webkit-animation: spin 2s linear infinite;
	animation: spin 2s linear infinite;
	display: block;
	height: 150px;
	left: 50%;
	margin: -75px 0 0 -75px;
	top: 50%;
	width: 150px
}

.loader-wrapper .loader,
.loader-wrapper .loader:before {
	border: 3px solid transparent;
	border-radius: 50%;
	border-top-color: #333;
	position: absolute
}

.loader-wrapper .loader:before {
	-webkit-animation: spin 3s linear infinite;
	animation: spin 3s linear infinite;
	bottom: 5px;
	content: "";
	left: 5px;
	right: 5px;
	top: 5px
}

.loader-wrapper .loader:after {
	-webkit-animation: spin 1.5s linear infinite;
	animation: spin 1.5s linear infinite;
	border: 3px solid transparent;
	border-radius: 50%;
	border-top-color: #333;
	bottom: 15px;
	content: "";
	left: 15px;
	position: absolute;
	right: 15px;
	top: 15px
}

@-webkit-keyframes spin {
	0% {
		transform: rotate(0deg)
	}

	to {
		transform: rotate(1turn)
	}
}

@keyframes spin {
	0% {
		transform: rotate(0deg)
	}

	to {
		transform: rotate(1turn)
	}
}

.restaurant-item {
	background: #fff;
	border-radius: 30px 30px 0 0;
	bottom: -80%;
	box-shadow: 0 0 2px 0 rgb(0 0 0/1%), 0 1px 7px 0 rgba(0, 0, 0, .1), inset 0 0 0 1px hsla(0, 0%, 100%, .1);
	height: 80%;
	transition: bottom .7s
}

.overlay,
.restaurant-item {
	left: 0;
	position: fixed;
	width: 100%
}

.overlay {
	background: #333;
	display: none;
	height: 100%;
	opacity: .5;
	top: 0;
	z-index: 3
}

.restaurant-category-title {
	background: #fff;
	color: #161f27;
	font-size: 1.2rem;
	font-weight: 700;
	margin-left: -5px;
	margin-right: -5px;
	padding-bottom: .5rem;
	padding-top: 1rem;
	z-index: 10
}

.restaurant-discount {
	display: inline;
	text-decoration: line-through
}

.options-modal .options-button {
	background-color: #fff;
	border: 2px solid #333;
	border-radius: 14px;
	bottom: calc(env(safe-area-inset-bottom) + 20px);
	display: none;
	margin: 0;
	max-width: 400px;
	position: fixed;
	width: 90%
}

.options-button-wrapper {
	display: flex;
	justify-content: center
}

.options-button-wrapper .button {
	height: 50px !important
}

.options-modal .modal-title {
	font-size: 1rem;
	padding: .2rem .3rem .5rem
}

.close-menu i,
.close-modal i {
	background: #fff;
	border-radius: 50%;
	color: #666;
	display: block;
	height: 30px;
	line-height: 30px;
	text-align: center;
	width: 30px
}

.options-modal .modal-product-image {
	max-height: 250px;
	max-width: 100%
}

.options-modal .curr,
.options-modal .modal-product-price {
	color: #333;
	font-weight: 700
}

.options-modal .onepage-product {
	padding-top: 10px
}

.options-modal #product-form {
	padding-bottom: 100px
}

.breadcrumbs {
	padding: 1rem 1rem .4rem;
	z-index: 12
}

.container .breadcrumbs {
	padding: 1rem 0 .4rem
}

.ltr .breadcrumbs a:not(:first-child) {
	margin-left: 2px
}

.ltr .breadcrumbs a {
	margin-right: 2px
}

.cart-register.hidden {
	display: none
}

.floating-cart {
	background: #161f27;
	border-radius: 14px;
	bottom: calc(env(safe-area-inset-bottom) + 20px);
	color: #fff;
	display: block;
	margin: auto;
	max-width: 400px;
	padding: 12px 18px;
	position: fixed;
	width: 90%
}

.floating-cart div,
.floating-cart i,
.floating-cart span {
	color: #fff;
	line-height: 30px
}

.category-custom {
	position: relative
}

.custom-elements .title {
	align-items: center;
	display: flex;
	flex-direction: column;
	gap: .5rem;
	justify-content: center;
	padding: .75rem .5rem
}

.custom-elements .main-title {
	line-height: 1.3rem
}

.custom-elements .large-title,
.custom-elements .main-title {
	margin-bottom: 0;
	text-align: center
}

.category-custom-breadfast,
.category-custom-circle-breadfast,
.category-custom-squircle-breadfast {
	margin: 5px;
	width: 76px
}

.category-custom-breadfast img,
.category-custom-circle-breadfast img,
.category-custom-squircle-breadfast img {
	background: #fff;
	border-radius: 10px;
	height: 76px;
	-o-object-fit: cover;
	object-fit: cover;
	width: 76px
}

.category-custom-circle-zait,
.category-custom-squircle-zait,
.category-custom-zait {
	margin: 5px;
	width: 40vw
}

.category-custom-circle-zait img,
.category-custom-squircle-zait img,
.category-custom-zait img {
	background: #fff;
	border-radius: 10px;
	height: 40vw;
	-o-object-fit: cover;
	object-fit: cover;
	width: 40vw
}

.category-custom-abood,
.category-custom-circle-abood,
.category-custom-squircle-abood {
	margin: 10px;
	width: 80vw
}

.category-custom-abood img,
.category-custom-circle-abood img,
.category-custom-squircle-abood img {
	background: #fff;
	border-radius: 20px;
	height: 80vw;
	-o-object-fit: cover;
	object-fit: cover;
	width: 80vw
}

.category-custom-v-zait {
	margin: 10px 0;
	position: relative;
	width: 44vw
}

.category-custom-v-zait img {
	background: #fff;
	border-radius: .7rem;
	height: 66vw;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center;
	object-position: center;
	width: 44vw
}

.category-custom-v-abood {
	margin: 10px;
	position: relative;
	width: 70vw
}

.category-custom-v-abood img {
	background: #fff;
	border-radius: .7rem;
	height: 105vw;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center;
	object-position: center;
	width: 70vw
}

.category-custom-h-zait {
	margin: 5px 5px 1rem;
	width: 45vw
}

.category-custom-h-zait img {
	background: #fff;
	border-radius: .7rem;
	height: 30vw;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center;
	object-position: center;
	width: 45vw
}

.category-custom-h-abood {
	margin: 5px 5px 1rem;
	width: 75vw
}

.category-custom-h-abood img {
	background: #fff;
	border-radius: .7rem;
	height: 50vw;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center;
	object-position: center;
	width: 75vw
}

.category-custom-squircle-abood img,
.category-custom-squircle-zait img {
	-webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTAwIDBDMjAgMCAwIDIwIDAgMTAwczIwIDEwMCAxMDAgMTAwIDEwMC0yMCAxMDAtMTAwUzE4MCAwIDEwMCAwWiIvPjwvc3ZnPg==);
	mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTAwIDBDMjAgMCAwIDIwIDAgMTAwczIwIDEwMCAxMDAgMTAwIDEwMC0yMCAxMDAtMTAwUzE4MCAwIDEwMCAwWiIvPjwvc3ZnPg==);
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: contain;
	mask-size: contain
}

.category-custom-circle-abood img,
.category-custom-circle-zait img {
	border-radius: 50%
}

.category-custom-v-abood .title-container,
.category-custom-v-zait .title-container {
	bottom: 10px;
	position: absolute;
	width: 100%
}

.category-custom-v-abood .title,
.category-custom-v-zait .title {
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
	background: #ffffffcc;
	border-radius: 1.125rem;
	color: #163340;
	margin: auto;
	width: 80%
}

.category-custom-v-abood .large-title {
	font-size: 1.3rem;
	font-weight: 700;
	line-height: 1
}

.category-custom-v-zait .main-title {
	font-size: .9rem;
	padding: 0
}

.category-custom-v-zait .large-title {
	font-size: 1rem;
	line-height: 1.1rem
}

.category-custom-abood .large-title,
.category-custom-breadfast .large-title,
.category-custom-circle-abood .large-title,
.category-custom-circle-ziat .large-title,
.category-custom-squircle-abood .large-title,
.category-custom-squircle-zait .large-title,
.category-custom-zait .large-title {
	display: none
}

.print-label-input,
.search-widget-input {
	-webkit-appearance: none;
	-moz-appearance: none;
	border: 1px solid #e3e3e3;
	border-radius: 8px;
	max-width: 400px;
	outline: 0;
	padding: 10px;
	text-align: center;
	width: 90%
}

.floating-search-placeholder {
	font-size: 1em;
	font-weight: 400;
	left: calc(50% - 25px);
	pointer-events: none;
	position: absolute;
	top: calc(50% - 10px);
	transition: all .2s ease
}

.rtl .floating-search-placeholder {
	left: calc(50% - 15px)
}

input:not(:-moz-placeholder-shown)~.floating-search-placeholder {
	display: none
}

input:focus~.floating-search-placeholder,
input:not(:placeholder-shown)~.floating-search-placeholder {
	display: none
}

.picker .pc-select span {
	background: #f2f4f8;
	height: 40px;
	line-height: 40px
}

.picker .pc-select .pc-list input[type=search] {
	padding-right: 8px
}

.picker .pc-select .pc-list li {
	padding: 0 8px
}

.picker .pc-select .pc-list li:nth-child(odd):hover {
	background-color: #666
}

.picker .pc-select .pc-list li:nth-child(odd) {
	background-color: #fff
}

.picker .pc-select {
	max-width: none;
	min-width: 100px
}

.picker .pc-element,
.picker .pc-trigger {
	border: 0
}

.picker {
	background: #f2f4f8;
	border: none;
	border-radius: 4px;
	height: 40px;
	outline: none;
	padding-left: 10px;
	padding-right: 10px;
	width: 100%
}

.phone-inputs .picker {
	width: 30%
}

.picker .pc-select {
	display: block;
	width: 100%
}

.picker .pc-select .pc-list {
	text-align: initial
}

.step {
	color: gray;
	min-height: 1em;
	position: relative
}

.step .title {
	font-weight: 700;
	line-height: 1.5em
}

.step .caption {
	font-size: .8em
}

.step+.step {
	margin-top: 1.5em
}

.step>div:first-child {
	height: 0;
	position: static
}

.ltr .step>div:not(:first-child) {
	margin-left: 1.5em;
	padding-left: 1em
}

.rtl .step>div:not(:first-child) {
	margin-right: 1.5em;
	padding-right: 1em
}

.step .circle {
	background: gray;
	border-radius: 100%;
	box-shadow: 0 0 0 3px #fff;
	color: #fff;
	height: 1.5em;
	line-height: 1.5em;
	position: relative;
	text-align: center;
	width: 1.5em
}

.step .circle:after {
	background-color: rgba(0, 0, 0, .25);
	bottom: 1px;
	content: " ";
	display: block;
	height: 100%;
	left: 50%;
	position: absolute;
	right: 50%;
	top: 1px;
	transform: scaleY(2);
	transform-origin: 50% -100%;
	width: 1px;
	z-index: -1
}

.step:last-child .circle:after {
	display: none
}

.step.step-active {
	color: #4285f4
}

.step.step-active .circle {
	background-color: #4285f4
}

.fa-spin {
	-webkit-animation: fa-spin 2s linear infinite;
	animation: fa-spin 2s linear infinite
}

.fa-pulse {
	-webkit-animation: fa-spin 1s steps(8) infinite;
	animation: fa-spin 1s steps(8) infinite
}

@-webkit-keyframes fa-spin {
	0% {
		transform: rotate(0deg)
	}

	to {
		transform: rotate(1turn)
	}
}

@keyframes fa-spin {
	0% {
		transform: rotate(0deg)
	}

	to {
		transform: rotate(1turn)
	}
}

.loading {
	display: none
}

.loading i {
	display: inline-block
}

.footer .links,
.footer .logo {
	padding: 1rem
}

.footer li+li:before {
	content: " | ";
	padding: 0 5px
}

.footer .links li {
	display: inline-block
}

.footer .links {
	text-align: center
}

.product-row:active {
	background: #eee
}

.hidden,
.hidden-map {
	display: none
}

.var-label {
	font-weight: 700
}

.var-values {
	display: flex;
	flex-wrap: wrap
}

.var-value {
	border: 1px solid #e0e0e0;
	border-radius: 0;
	border-radius: 5px;
	color: #000;
	cursor: pointer;
	display: block;
	font-size: 13px;
	margin-bottom: 10px;
	min-width: 50px;
	padding: 5px 10px;
	position: relative;
	text-align: center
}

.ltr .var-value {
	margin-right: 10px
}

.rtl .var-value {
	margin-left: 10px
}

.var-value.nostock:before {
	background: #616c70;
	content: "";
	height: 1px;
	left: 0;
	position: absolute;
	top: 50%;
	transform: rotate(45deg);
	width: 100%
}

.var-value.selected,
.var-value:hover {
	background: #616c70;
	border-color: #616c70;
	color: #fff
}

.var-value.nostock {
	background: #f1f1f1;
	color: #000;
	overflow: hidden
}

.fotorama__wrap {
	margin: 0 auto
}

div.full-screen-image {
	bottom: env(safe-area-inset-bottom) !important;
	height: calc(100% - env(safe-area-inset-top) - env(safe-area-inset-bottom)) !important
}

div.full-screen-image,
iframe {
	top: env(safe-area-inset-top) !important
}

.loyalty-statement {
	display: none
}

.discount-value .order_list_title,
.discount-value .order_list_value {
	color: green
}

.related-products .product {
	width: calc(16.66667% - 15px)
}

.flash {
	align-items: center;
	background: #33333329;
	display: none;
	height: 100%;
	justify-content: center;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 10002
}

.flash.show {
	display: flex
}

.flash-msg {
	background: #fafafa;
	border: 1px solid #ccc;
	border-radius: 5px;
	color: #777;
	max-width: 300px;
	padding: 15px
}

.cart-success-flash .flash-msg {
	color: #36a213;
	font-size: 2rem;
	padding: 15px 30px
}

.full-screen-image {
	background: #3333338f;
	left: 0;
	overflow: auto;
	position: fixed;
	text-align: center;
	width: 100vw;
	z-index: 10002
}

.close-full-screen-image {
	align-items: center;
	background: #f2f2f2;
	border: 1px solid #999;
	border-radius: 50%;
	display: flex;
	height: 40px;
	justify-content: center;
	left: 0;
	margin: 15px;
	position: fixed;
	top: env(safe-area-inset-top);
	width: 40px
}

.close-full-screen-image i {
	color: #666
}

.slick-high-dots .slick-dots {
	bottom: 0
}

.slick-slider .slick-track {
	align-items: center;
	display: flex
}

.btn {
	border-radius: 5px;
	cursor: pointer;
	display: block;
	outline: 0;
	padding: 7px 12px
}

.btn-secondary {
	background: #fff;
	border: 1px solid #eee;
	box-shadow: 0 0 2px 0 rgb(0 0 0/1%), 0 0 4px 0 rgba(0, 0, 0, .1), inset 0 0 0 1px hsla(0, 0%, 100%, .1);
	color: #333;
	text-align: center
}

.btn-primary {
	background: #43a618
}

.btn-danger,
.btn-primary {
	border: none;
	border-radius: .5rem;
	color: #fff;
	text-align: center
}

.btn-danger {
	background: red
}

.modal {
	display: flex;
	justify-content: center;
	z-index: 111
}

.modal-content {
	background: #fff;
	border-radius: 5px;
	max-height: 400px;
	max-width: 400px;
	padding: 10px;
	position: fixed;
	top: 50px;
	width: 80%
}

.modal.hidden {
	display: none
}

.widget-overlay {
	background: #adadad40;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 11
}

.widget-design-elements {
	height: 100%;
	position: relative;
	width: 100%
}

.widget-design-elements .btn {
	color: #333
}

.add-widget-above,
.add-widget-below {
	position: absolute;
	text-align: center;
	width: 100%
}

.add-widget-above .btn,
.add-widget-below .btn {
	background: #fff;
	border: 1px solid #eeeeeeee;
	display: inline-block
}

.add-widget-above {
	top: 28px
}

.add-widget-below {
	bottom: -38px
}

.widget.mode-design:not(:first-child) {
	margin: 38px 0
}

.design-mode .widget {
	min-height: 47px
}

.pell {
	border: 1px solid hsla(0, 0%, 4%, .1)
}

.pell,
.pell-content {
	box-sizing: border-box
}

.pell-content {
	height: 300px;
	outline: 0;
	overflow-y: auto;
	padding: 10px
}

.pell-actionbar {
	background-color: #fff;
	border-bottom: 1px solid hsla(0, 0%, 4%, .1)
}

.pell-button {
	background-color: transparent;
	border: none;
	cursor: pointer;
	height: 30px;
	outline: 0;
	vertical-align: bottom;
	width: 30px
}

.pell-button-selected {
	background-color: #f0f0f0
}

.slick-next,
.slick-prev {
	display: none !important
}

.btn .loading-notch {
	display: none
}

.btn.loading .loading-notch {
	display: initial
}

.rtl .add-widget-modal ul,
.rtl .widget-type-text ul {
	list-style: initial;
	margin-right: 18px
}

.ltr .add-widget-modal ul,
.ltr .widget-type-text ul {
	list-style: initial;
	margin-left: 18px
}

.add-widget-modal h3,
.widget h3 {
	font-size: 1.5em
}

.add-widget-modal h4,
.widget h4 {
	font-size: 1.2em
}

.image-input input {
	display: none
}

.image-plus {
	border: 1px solid #eee;
	border-radius: 10px;
	font-family: monospace;
	font-size: 3rem
}

.image-input-preview,
.image-plus {
	align-items: center;
	display: flex;
	height: 100px;
	justify-content: center;
	width: 100px
}

.image-input-preview {
	border: 1px solid #eee
}

.image-input-preview.hidden,
.image-plus.hidden {
	display: none
}

.image-input-preview img {
	max-height: 100%;
	max-width: 100%
}

.design-mode .floating-cart-wrapper {
	display: none
}

.custom-elements {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-evenly;
	margin: 0
}

.custom-elements.custom-row {
	flex-wrap: nowrap;
	gap: 1rem;
	justify-content: start;
	overflow: auto;
	padding: .7rem;
	width: 100%
}

.go-left,
.go-right {
	align-self: center;
	display: flex;
	position: absolute;
	top: calc(50% - 20px);
	z-index: 12
}

.go-left.hidden,
.go-right.hidden {
	display: none
}

.go-left {
	left: 10px
}

.go-right {
	right: 10px
}

.scroll-button {
	align-items: center;
	background: #eeeeeeee;
	border: 1px solid #777;
	border-radius: 50%;
	display: flex;
	height: 40px;
	justify-content: center;
	width: 40px
}

.smooth-scroll {
	scroll-behavior: smooth
}

.text-center {
	text-align: center
}

.m-auto {
	margin: auto
}

.p-2 {
	padding: .5rem !important
}

.p-3 {
	padding: .75rem !important
}

.p-4 {
	padding: 1rem !important
}

.pt-2,
.py-2 {
	padding-top: .5rem !important
}

.pb-2,
.py-2 {
	padding-bottom: .5rem !important
}

.font-size-1-3 {
	font-size: 1.3rem
}

.d-flex {
	display: flex !important
}

.gap-1 {
	gap: .25rem
}

.gap-2 {
	gap: .5rem
}

.gap-3 {
	gap: .75rem
}

.gap-4 {
	gap: 1rem
}

.items-center {
	align-items: center
}

.flex-column {
	flex-direction: column
}

.justify-around {
	justify-content: space-around
}

.justify-center {
	justify-content: center
}

.pt-2 {
	padding-top: .5rem
}

.currency-option:not(:last-child) {
	border-bottom: 1px solid #dee2e6
}

.currency-option.active-currency {
	background: #f7f7f7
}

.codex-editor__redactor {
	padding-bottom: 20px !important
}

.codex-editor--narrow .codex-editor__redactor {
	margin-right: 0 !important
}

.rtl .cdx-nested-list__item:before {
	margin-left: 5px;
	margin-right: 0
}

.prs-image img,
.prs-image video {
	max-height: 500px;
	max-width: 100%
}

.prs-image {
	padding: 5px;
	text-align: center
}

.product-tags {
	flex-wrap: wrap;
	margin-top: 30px
}

.product-tag {
	border: 1px solid #ccc;
	border-radius: 6px;
	color: #555
}

.price_change {
	font-size: .75rem;
	margin-left: -3px;
	vertical-align: bottom
}

.show-product-extra.active {
	background: gray !important;
	color: #fff !important
}

.rtl .left-0 {
	left: 0
}

.ltr .left-0 {
	right: 0
}

.not-h1 {
	font-size: inherit;
	font-weight: 400
}

.policy-page {
	margin-top: 1rem
}

@media only screen and (max-width:1600px) {
	.header_social {
		display: none
	}
}

@media only screen and (min-width:1200px) {
	.container {
		max-width: 100%
	}

	.max-1200 {
		margin: 0 auto !important;
		max-width: 1200px
	}

	.menu {
		display: none;
		height: 100%;
		position: relative;
		right: 0;
		z-index: auto
	}

	.page_menu_content {
		height: calc(100vh - 90px)
	}

	.category-boxes .category-box {
		max-height: calc(250px + 4vw);
		max-width: 375px
	}

	.category-boxes .category-box img,
	.category-boxes .category-box.no-title-box {
		max-height: 250px
	}

	.category-boxes .category-box .category-title {
		height: 4vw
	}

	.category-box.over-10 {
		margin: 1vw 0
	}
}

@media only screen and (max-width:1200px) {
	.container {
		max-width: 100%
	}

	.main_nav {
		margin-left: 50px
	}

	.main_nav>ul>li:not(:last-child) {
		margin-right: 40px
	}
}

@media only screen and (max-width:1026px) {
	.hamburger {
		display: inline-block
	}

	.header_social,
	.main_nav {
		display: none
	}

	.mobile-logo {
		max-width: none
	}
}

@media only screen and (min-width:992px) {
	.custom-home .menu {
		display: none
	}

	.rtl.no-menu .menu {
		right: auto
	}

	.ltr .menu {
		left: 0
	}

	.ltr.no-menu .menu {
		left: auto
	}

	.category-custom-breadfast,
	.category-custom-circle-breadfast,
	.category-custom-squircle-breadfast {
		margin: 5px;
		width: 125px
	}

	.category-custom-breadfast img,
	.category-custom-circle-breadfast img,
	.category-custom-squircle-breadfast img {
		height: 125px;
		width: 125px
	}

	.category-custom-breadfast .main-title,
	.category-custom-circle-breadfast .main-title,
	.category-custom-squircle-breadfast .main-title {
		margin-top: 7px
	}

	.category-custom-circle-zait,
	.category-custom-squircle-zait,
	.category-custom-zait {
		margin: 5px;
		width: 20vw
	}

	.category-custom-circle-zait img,
	.category-custom-squircle-zait img,
	.category-custom-zait img {
		height: 20vw;
		width: 20vw
	}

	.category-custom-circle-zait .main-title,
	.category-custom-squircle-zait .main-title,
	.category-custom-zait .main-title {
		margin-top: 7px
	}

	.category-custom-abood,
	.category-custom-circle-abood,
	.category-custom-squircle-abood {
		margin: 10px;
		width: 400px
	}

	.category-custom-abood img,
	.category-custom-circle-abood img,
	.category-custom-squircle-abood img {
		height: 400px;
		width: 400px
	}

	.category-custom-abood .main-title,
	.category-custom-circle-abood .main-title,
	.category-custom-squircle-abood .main-title {
		margin-top: 17px
	}

	.category-custom-v-zait {
		width: 22vw
	}

	.category-custom-v-zait img {
		height: 33vw;
		width: 22vw
	}

	.category-custom-v-abood {
		margin: 10px;
		width: 350px
	}

	.category-custom-v-abood img {
		height: 525px;
		width: 350px
	}

	.category-custom-h-zait {
		width: 350px
	}

	.category-custom-h-zait img {
		height: 233px;
		width: 350px
	}

	.category-custom-h-abood {
		width: 450px
	}

	.category-custom-h-abood img {
		height: 300px;
		width: 450px
	}
}

.ios-top {
	background: #333;
	height: env(safe-area-inset-top);
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	width: 100%;
	z-index: 11
}

@media only screen and (max-width:991px) {
	footer {
		display: block
	}

	header .hamburger {
		display: none
	}

	.mobile-left {
		display: flex
	}

	footer {
		background: #fff;
		border-top: 1px solid #eee;
		bottom: 0;
		box-shadow: 0 0 2px 0 rgba(0, 0, 0, .01), 0 1px 7px 0 rgba(0, 0, 0, .1), inset 0 0 0 1px hsla(0, 0%, 100%, .1);
		height: calc(env(safe-area-inset-bottom) + 55px);
		position: fixed;
		top: auto;
		z-index: 12
	}

	.image-cell img {
		border-radius: 4px;
		max-height: 120px;
		max-width: 120px
	}

	header .logo img {
		height: auto;
		max-height: 67px;
		max-width: 100%;
		padding: 3px 0;
		width: auto
	}

	header {
		height: auto;
		min-height: 50px
	}

	header .container {
		padding-left: 0;
		padding-right: 0
	}

	.menu_social {
		bottom: 5px
	}

	.menu {
		height: calc(100vh - 120px - env(safe-area-inset-top) - env(safe-area-inset-bottom));
		top: calc(66px + env(safe-area-inset-top))
	}

	.super_container {
		padding-bottom: 10px
	}

	.logo a {
		font-size: 24px
	}

	header {
		display: flex;
		max-width: none;
		position: -webkit-sticky;
		position: sticky;
		top: env(safe-area-inset-top);
		z-index: 3
	}

	.home-style-one_page header {
		position: relative;
		top: 0
	}

	.related-products .product {
		width: calc(50% - 15px)
	}

	.toggle-mobile-menu {
		position: relative;
		right: auto
	}

	header .logo a {
		font-size: 1em
	}

	.footer-container {
		display: flex
	}

	footer .top_icon {
		margin: 0;
		width: 100%
	}

	footer .top_icon i {
		font-size: 1.5em
	}

	header .top_icon.desktop-only {
		display: none
	}

	footer .top_icon:not(:first-child) {
		border: solid #eee;
		border-width: 0 1px 0 0
	}

	.ltr footer .top_icon:not(:first-child) {
		border-width: 0 0 0 1px
	}

	footer #lblCartCount {
		height: 3em;
		line-height: 3em
	}

	.rtl footer #lblCartCount {
		right: 10px
	}

	.ltr footer #lblCartCount {
		left: 10px
	}

	.cart_info {
		padding-top: 10px
	}

	.product {
		margin-left: 5px;
		margin-right: 5px;
		width: calc(50% - 25px)
	}

	.widget .product {
		margin-left: 0;
		margin-right: 0
	}

	.products-row .product {
		max-width: 40vw;
		min-width: 140px
	}

	.oneliner .product {
		width: 235px
	}

	.inliner-1 {
		width: 250px
	}

	.inliner-2 {
		width: 500px
	}

	.inliner-3 {
		width: 750px
	}

	.inliner-4 {
		width: 1000px
	}

	.inliner-5 {
		width: 1250px
	}

	.more-product {
		align-items: center;
		color: #333;
		display: flex;
		font-size: 2em;
		justify-content: center;
		line-height: 100%;
		text-decoration: underline
	}

	.cart_info_columns {
		display: none
	}

	.cart_items_row {
		margin-top: 0
	}

	.cart_item:first-child {
		padding-top: 0
	}

	.cart_item_image div img {
		max-height: 60px;
		max-width: 60px
	}

	.cart_info .container {
		border-width: 0 0 1px
	}

	.cart_item_delete span,
	.cart_item_total span {
		display: inline
	}

	.cart_buttons_right {
		margin-top: 15px
	}

	.cart_total {
		margin-top: 100px
	}

	.page_menu_content {
		height: calc(100vh - 155px - env(safe-area-inset-top) - env(safe-area-inset-bottom))
	}

	footer .col {
		padding: 0
	}

	.category-boxes .category-box {
		height: 28vw;
		margin: .5vw 0;
		width: 33vw
	}

	.category-boxes .category-box img,
	.category-boxes .category-box.no-title-box {
		height: 22vw
	}

	.video-container {
		margin: 1em
	}

	.coupon_container input[type=text] {
		width: 140px
	}

	.subcategories {
		top: calc(env(safe-area-inset-top) + 64px)
	}

	.onepage-group td.image-cell {
		padding: 15px 0
	}

	.footer {
		padding-bottom: 100px
	}

	.home-style-one_page .footer {
		padding-bottom: 62
	}
}

@media only screen and (max-width:768px) {
	.mobile-logo {
		max-width: none
	}
}

@media only screen and (max-width:767px) {
	.home_slider_content {
		max-width: 100%
	}

	.home_slider_container {
		padding-left: 0;
		padding-right: 0
	}

	.home_slider_dots_container {
		display: none
	}

	.avds_xl_container {
		padding: 30px
	}

	.avds_xl_content {
		width: 100%
	}

	.icon_box {
		padding-left: 50px;
		padding-right: 50px
	}

	.mobile-logo {
		max-width: none
	}

	.details_image_large {
		height: 300px
	}

	.details_image_large img {
		max-height: 300px;
		max-width: 100%
	}

	.category-boxes .category-box {
		height: 40vw;
		margin: 1vw .5vw;
		width: 47vw
	}

	.category-boxes .category-box img,
	.category-boxes .category-box.no-title-box {
		height: 32vw
	}

	.category-boxes .category-box .category-title {
		height: 8vw
	}

	.category-boxes .category-box.few {
		height: 76vw;
		margin: 2vw .5vw;
		width: 96vw
	}

	.category-boxes .category-box.few img,
	.category-boxes .category-box.few.no-title-box {
		height: 64vw
	}

	.category-boxes .category-box.few .category-title {
		height: 12vw
	}

	.category-boxes.categories-row .category-box {
		height: 46vw;
		width: 57vw
	}

	.category-boxes.categories-row .category-box img,
	.category-boxes.categories-row .category-box.no-title-box {
		height: 38vw
	}

	.category-boxes.categories-row .category-box .category-title {
		height: 9vw
	}
}

@media only screen and (max-width:575px) {
	p {
		font-size: 13px
	}

	.cart_item_image p {
		line-height: 1
	}

	.menu {
		right: -100vw;
		width: 100vw
	}

	.page_menu_item>a,
	.page_menu_selection li a {
		font-size: 13px
	}

	header {
		height: 70px
	}

	.logo a {
		font-size: 18px
	}

	.home {
		height: 100vh
	}

	.home_slider_container {
		padding: 0
	}

	.home_slider_title {
		font-size: 24px
	}

	.home_slider_subtitle {
		font-size: 13px;
		margin-top: 15px
	}

	.button {
		height: 41px
	}

	.home_button {
		margin-top: 32px
	}

	.footer_logo a {
		font-size: 24px
	}

	.product.cart_footer .buttons {
		height: 60px
	}

	.product_price,
	.product_title a {
		font-size: .9rem
	}

	.mobile-logo {
		max-width: none
	}

	.category-boxes .category-box .category-title-only p {
		font-size: 1em
	}

	.category-boxes .category-box.few .category-title-only p {
		font-size: 1.5em
	}
}

@media only screen and (max-width:400px) {
	.page_menu_content {
		padding-left: 15px;
		padding-right: 15px
	}

	.category-boxes .category-box .category-title p {
		font-size: 13px
	}
}

@media only screen and (max-width:340px) {
	.category-boxes .category-box {
		height: 80vw;
		margin: 1vw .5vw;
		width: 96vw
	}

	.category-boxes .category-box.no-title-box {
		height: 64vw
	}

	.category-boxes .category-box .category-title {
		height: 16vw
	}

	.category-boxes .category-box img {
		height: 64vw
	}

	.category-boxes.categories-row .category-box {
		height: 68vw;
		width: 83vw
	}

	.category-boxes.categories-row .category-box img {
		height: 56vw
	}

	.category-boxes.categories-row .category-box .category-title {
		height: 12vw
	}
}

@media screen and (max-device-height:500px) {
	.delivery-info {
		display: none
	}
}

.widget-image-overlay {
	background-color: #00000060
}

.image-widget-extras,
.widget-image-overlay {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%
}

.image-widget-extras {
	color: #fff;
	display: flex;
	flex-direction: column;
	justify-content: center
}

.image-widget-button {
	font-size: 1rem;
	margin-top: 10px
}

.image-widget-button .the-button {
	background: #3333338a;
	border: 1px solid #eee;
	color: #eee;
	display: inline-block;
	min-width: 50px;
	padding: 8px 20px
}

.image-widget-text-title {
	font-size: 1.5rem;
	padding: 1rem
}

.image-widget-text-subtitle {
	color: #fff;
	font-size: .9rem;
	font-weight: 400;
	margin-top: 1rem
}

@media only screen and (min-width:992px) {
	.image-widget-text-title {
		font-size: 3rem;
		font-weight: 500;
		margin-bottom: 1rem
	}

	.image-widget-text-subtitle {
		font-size: 1.5rem;
		margin-bottom: 2rem
	}

	.image-widget-button {
		font-size: 1.5rem
	}
}

body.rtl {
	text-align: right
}

body.ltr {
	text-align: left
}