:root{--barana-theme-primary-color:rgba(172,6.0000000000000115,6.0000000000000115,1);--barana-theme-secondary-color:rgba(218,32.99999999999999,39.0000000000001,1);--barana-theme-text-font-family:Almarai;--barana-theme-text-font-weight:400;--barana-theme-text-font-size:14px;--barana-theme-text-color:rgba(51,51,51,1);--barana-theme-text-line-height:1.6;--barana-theme-box-border-radius:16px;--barana-theme-button-border-radius:32px;--barana-theme-title-font-family:Almarai;--barana-theme-title-font-weight:700;--barana-theme-title-font-size:30px;--barana-theme-title-color:rgba(36,36,36,1);--barana-theme-header-font-family:Almarai;--barana-theme-header-font-weight:400;--barana-theme-header-font-size:14px;--barana-theme-header-transform:uppercase;--barana-theme-secondary-background-color-page:rgba(255,255,255,1);--barana-theme-background-color-page:rgba(245,245,245,1);}body{ background-color : rgba(245,245,245,1) !important }
				.rt-container:not([id*="grand_"]),
				.rt-container-fluid:not([id*="grand_"]),
				.container:not([id*="grand_"]),
				.container-fluid:not([id*="grand_"]) {
				width: 100%;
				padding-right: var(--bs-gutter-x, 0.75rem);
				padding-left: var(--bs-gutter-x, 0.75rem);
				margin-right: auto;
				margin-left: auto;
				} 
				.rt-navbar > .rt-container-fluid:not([id*="grand_"]),
				.rt-navbar > .rt-container:not([id*="grand_"]),
				.rt-navbar > .container:not([id*="grand_"]),
				.rt-navbar > .container-fluid:not([id*="grand_"]){
					display: flex;
					flex-wrap: inherit;
					align-items: center;
					justify-content: space-between;
				} 
				.navbar > .rt-container-fluid:not([id*="grand_"]),
				.navbar > .rt-container:not([id*="grand_"]),
				.navbar > .container:not([id*="grand_"]),
				.navbar > .container-fluid:not([id*="grand_"]){
					display: flex;
					flex-wrap: inherit;
					align-items: center;
					justify-content: space-between;
				} 
					@media (max-width: 991px) {
						.rt-container-fluid:not([id*="grand_"]), .rt-container:not([id*="grand_"]), .container-fluid:not([id*="grand_"]), .container:not([id*="grand_"]){
						max-width: initial;
						}
					}
					@media (min-width: 992px) {
						.rt-container-fluid:not([id*="grand_"]), .rt-container:not([id*="grand_"]), .container-fluid:not([id*="grand_"]), .container:not([id*="grand_"]){
						max-width: 960px;
						}
					}
					@media (min-width: 1200px) {
						.rt-container-fluid:not([id*="grand_"]), .rt-container:not([id*="grand_"]), .container-fluid:not([id*="grand_"]), .container:not([id*="grand_"]){
						max-width: 1140px;
						}
					}
					@media (min-width: 1400px) {
						.rt-container-fluid:not([id*="grand_"]), .rt-container:not([id*="grand_"]), .container-fluid:not([id*="grand_"]), .container:not([id*="grand_"]){
						max-width: 1320px;
						}
					} 
					.mfp-bg {
					position: fixed;
					z-index: 1102;
					overflow: hidden;
					background-color: rgba(0, 0, 0, 0.7)
				}
				
				.mfp-wrap {
					position: fixed;
					z-index: 1103;
					outline: none !important;
					-webkit-backface-visibility: hidden
				}
				
				.mfp-container {
					position: absolute;
					padding: 0 8px;
					text-align: center
				}
				
				.mfp-container:before {
					content: '';
					display: inline-block;
					height: 100%;
					vertical-align: middle
				}
				
				.mfp-content {
					position: relative;
					z-index: 1105;
					display: inline-block;
					margin: 0 auto;
					vertical-align: middle;
					text-align: left
				}
				
				.mfp-inline-holder .mfp-content {
					width: 100%;
					cursor: auto
				}
				
				.mfp-close,
				.mfp-arrow,
				.mfp-preloader,
				.mfp-counter {
					user-select: none
				}
				
				.mfp-hide {
					display: none !important
				}
				
				.mfp-preloader {
					position: absolute;
					top: 50%;
					right: 8px;
					left: 8px;
					z-index: 1104;
					margin-top: -.8em;
					width: auto;
					color: #bbb;
					text-align: center
				}
				
				.mfp-preloader a {
					color: #bbb
				}
				
				.mfp-preloader a:hover {
					color: #fff
				}
				
				.mfp-s-ready .mfp-preloader,
				.mfp-s-error .mfp-content {
					display: none
				}
				
				.mfp-iframe-holder {
					padding-top: 40px;
					padding-bottom: 40px
				}
				
				.mfp-iframe-holder .mfp-content {
					max-width: 900px;
					width: 100%;
					line-height: 0
				}
				
				.mfp-iframe-scaler {
					overflow: hidden;
					padding-top: 56.25%;
					width: 100%;
					height: 0
				}
				
				.mfp-iframe-scaler iframe {
					position: absolute;
					display: block;
					border-radius: var(--barana-brd-radius);
					background: #fff
				}
				
				.barana-close-btn-inset {
					position: relative
				}
				
				.barana-close-btn-inset button.mfp-close {
					position: absolute;
					top: 0;
					color: var(--color-gray-900)
				}
				
				.barana-close-btn-inset button.mfp-close:hover {
					background-color: transparent;
					color: var(--color-gray-500)
				}
				
				.barana-popup {
					display: none;
					margin: 25px auto;width: 100%;
					max-width:800px;
				}
				
				.mfp-wrap .barana-popup {
					display: block
				}
				
				.mfp-move-horizontal .mfp-with-anim {
					opacity: 0;
					transition: transform .3s ease, opacity .3s ease;
					transform: translateX(-100px)
				}
				
				.mfp-move-horizontal .mfp-with-anim .summary-inner {
					opacity: 0;
					transition: transform .3s ease, opacity .3s ease;
					transform: translateY(30px)
				}
				
				.mfp-move-horizontal.mfp-bg {
					opacity: 0;
					transition: opacity .25s ease, visibility 0s ease .25s
				}
				
				.mfp-move-horizontal.mfp-ready .mfp-with-anim,
				.mfp-move-horizontal.mfp-ready .mfp-with-anim .summary-inner {
					opacity: 1;
					transform: none
				}
				
				.mfp-move-horizontal.mfp-ready.mfp-bg {
					opacity: 1;
					transition: opacity .25s ease, visibility 0s ease
				}
				
				.mfp-move-horizontal.mfp-removing .mfp-with-anim {
					opacity: 0;
					transform: translateX(100px)
				}
				
				.mfp-move-horizontal.mfp-removing.mfp-bg {
					opacity: 0
				}
				
				.mfp-move-horizontal.mfp-removing .mfp-close {
					display: none
				}
				
				button.mfp-arrow {
					position: absolute
				}
				
				.mfp-bg,
				.mfp-wrap,
				.mfp-container,
				.mfp-iframe-scaler iframe {
					top: 0;
					left: 0;
					width: 100%;
					height: 100%
				}
				
				button.mfp-close {
					position: fixed;
					top: 0;
					right: 0;
					bottom: auto;
					left: auto;
					z-index: 1104;
					padding: 0;
					width: 50px;
					height: 50px;
					background: none;
					color: #fff !important;
					font-weight: 400;
					font-size: 0;
					opacity: 1;
					cursor: pointer;
					transition: all .25s ease;
					touch-action: manipulation;
					opacity: 0;
					transition: all .25s ease, opacity 0s ease 0s
				}
				
				button.mfp-close:after {
					display: inline-block;
					font-size: 16px;
					line-height: 50px;
					content: 'x';
					font-family: 'Font Awesome 6 Free';
				}
				
				button.mfp-close:hover {
					background-color: rgba(0, 0, 0, 0.3);
					box-shadow: none;
					color: #fff;
					opacity: 1
				}
				
				.mfp-ready button.mfp-close {
					opacity: 1;
					transition: all .25s ease, opacity .3s ease .35s
				}.barana-popup.barana-promo-popup {}.barana-popup {
						max-width:700px;
					}.barana-header-collection-01 .barana-top-header-01 {
    background-color: transparent !important;
        background-image: linear-gradient(180deg, #da2127 0%,#ac0606 74%);
}
.barana-header-collection-01 .barana-top-header-01 .menu-top-bar-left.barana-header-nav-secondary li a, .barana-header-collection-01 .barana-top-header-01 .barana-header-nav-secondary .form-language > button, .barana-header-collection-01 .barana-top-header-01 .barana-header-nav-secondary .form-currency > button, .barana-header-collection-01 .barana-social-icons .barana-social-icon{
    color: #fff !important;
}
.barana-header-collection-01 .barana-header-nav-secondary form:hover li button {
    color: #242424 !important;
}
.barana-header-collection-01 .barana-header-searchform input {
    border-radius:  var(--barana-theme-button-border-radius) !important;
}
.barana-header-collection-01 button.searchsubmit {
    right: 17px !important;
    margin-top: 6px;
    margin-bottom: 6px;
    border-radius:  var(--barana-theme-button-border-radius) !important;
}
.barana-header-collection-01 .barana-header-searchform input[type="text"] {
    height: 52px !important;
}
.barana-header-collection-01 .menu-opener {
    border-radius: var(--barana-theme-box-border-radius) !important;
}
.barana-header-collection-01 .barana-header-menu.barana-header-cats:hover .menu-opener {
    border-radius: var(--barana-theme-box-border-radius) var(--barana-theme-box-border-radius) 0 0 !important;
}
.barana-header-collection-01 .barana-header-cart.barana-design-3 .barana-cart-number {
    color: var(--barana-theme-text-color);
}
.grocery-hero-info > div {
    justify-content: center;
}
.grocery-hero-info .retrina-icon-box-content {
    flex-grow: inherit !important;
}
.grocery-banner .banner-subtitle {
    font-weight: 700;
}
.grocery-offer-label .product-label {
    border-radius: 50% !important;
    width: 40px !important;
    height: 40px;
    line-height: 40px !important;
    padding: 0 !important;
    min-width: initial !important;
    background-color: var(--barana-theme-secondary-color) !important;
}
.grocery-ajax-products .product-element-top img {
    background-color: var(--barana-theme-background-color-page);
}
.grocery-ajax-products .product-entities-title {
    min-height: initial !important;
}
.grocery-ajax-products .tabs-name {
    text-transform: capitalize !important;
}
.grocery-ajax-products .del {
    text-decoration-color: var(--barana-theme-text-color) !important;
}
.grocery-ajax-products .del .amount {
    color: var(--barana-theme-text-color) !important;
}
.grocery-ajax-products .product-buttons {
    border-radius: var(--barana-theme-button-border-radius) !important;
}
.grocery-product-list .product-wrapper {
     background-color: var(--barana-theme-secondary-background-color-page);
    padding: 12px 0 30px;
    border-radius: var(--barana-theme-box-border-radius) !important;
}
.gerocery-product-list-type .product-element-top {
    flex: 0 0 45% !important;
}
.gerocery-product-list-type .product-wrapper {
    padding-inline-end: 15px !important;
}
.gerocery-product-list-type .barana-product-details__short-description,
.gerocery-product-list-type .product-add-btn {
    display: none !important;
}
.gerocery-product-list-type .product-entities-title a {
    overflow: hidden;
    display: -webkit-box !important;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.gerocery-product-list-type .del {
    text-decoration-color: var(--barana-theme-text-color) !important;
}
.gerocery-product-list-type .del .amount {
    color: var(--barana-theme-text-color) !important;
}
.gerocery-product-list-type .product-buttons {
    border-radius: var(--barana-theme-button-border-radius) !important;
}
.grocery-section-title-01 .barana-section-title-title-container {
    margin-bottom: 0 !important;
}
.grocery-section-title-01 .barana-section-title-title u {
    font-weight: 300 !important;
    color: var(--barana-theme-text-color);
    font-size: 16px;
    margin-inline-start: 10px;
}
.grocery-section-title-01 .barana-section-title-title {
    display: flex !important;
    align-items: center;
}
.retrina-box-border-radius .promo-banner {
    border-radius: var(--barana-theme-box-border-radius) !important;
}

.grocery-categories-01 .category-image-wrapp {
    background-color: #fff;
    padding: 30px;
    border-radius: 50% !important;
    box-shadow: 0 0 12px 5px rgba(0,0,0,0.02);
}
.grocery-timer .barana-timer > span span:last-child {
    color: #fff !important;
}
/* Product Page */
.all-product-wrapper {
    background-color: var(--barana-theme-secondary-background-color-page);
    padding: 30px 18px;
        margin: 0;
    border-radius: var(--barana-theme-box-border-radius);
}
.retrinapro-productlist-all_products_design .product-element-top {
    background-color: var(--barana-theme-background-color-page);
    border-radius: calc(var(--barana-theme-box-border-radius) / 2) !important;
}
.retrinapro-productlist-all_products_design .product-buttons {
    border-radius: var(--barana-theme-button-border-radius) !important;
}
.retrinapro-productlist-all_products_design .product-entities-title {
    min-height: initial !important;
}
.retrinapro-productlist-all_products_design .product-label {
    border-radius: 50% !important;
    width: 40px !important;
    height: 40px;
    line-height: 40px !important;
    padding: 0 !important;
    min-width: initial !important;
    /*background-color: var(--barana-theme-secondary-color) !important;*/
}
.product .property-images img {
    background-color: var(--barana-theme-background-color-page);
}
@media (max-width: 991px) {
    .grocery-ajax-products .product-grid-item {
        padding-inline-end: 6px !important;
        padding-inline-start: 6px !important;
        margin-bottom: 12px !important;
    }
    .barana-header-wrapper-01 .barana-middle-header {
        background: #fff;
    }
}
@media (max-width: 767px) {
    .grocery-hero-info .retrina-icon-box-title {
        font-size: 16px !important;
    }
    .grocery-timer .barana-timer {
        text-align: start !important;
    }
    .grocery-section-title-01 .barana-section-title-title {
        display: block !important;
    }
}
@media (max-width: 576px) {
    .grocery-section-title-01 .barana-section-title-title u {
        display: block;
    }
}




/*Mega Menu Style*/
.barana-white-extra-menu a span{
    color:#d3d3d3;
}
.barana-white-extra-menu .nav-link-text{
    color:#fff;
}
.barana-header-nav-mobile .barana-white-extra-menu li > a{
    border-bottom: 1px solid rgb(255 255 255 / 11%);
}
@media (min-width: 992px){
    .container-class {
        width: 100%;
        padding-right: var(--bs-gutter-x, 0.75rem);
        padding-left: var(--bs-gutter-x, 0.75rem);
        margin-right: auto;
        margin-left: auto;
    }
    .container-class {
        max-width: 960px !important;
    }
}
@media (min-width: 1200px){
    .container-class {
        max-width: 1140px !important;
    }
}
@media (min-width: 1400px){
    .container-class {
        max-width: 1320px !important;
    }
}
/*Mega Menu Style*/.accessories-product-menu img{
    width:75px !important;
}
.blog-in-menulist .rblog-thumb .image img{
    width:85px !important;
}@media (min-width: 992px) {:root{--barana-theme-box-border-radius : 16px;--barana-theme-button-border-radius : 32px;}/*Mega Menu Style*/
.fashion-promo-banner .promo-banner {
    overflow: unset !important;
}
.fashion-promo-banner .promo-banner .banner-image {
    transform-origin: bottom;
}
.fashion-promo-banner .banner-image img {
    width: 120% !important;
}
.menu-mega-dropdown .shop-menu-transform{
    transform:translate(-37px) !important;
}
.blog-in-menulist .rblog-list-leading:not(:last-child) .rblog-thumb {
    padding-bottom: 24px !important;
    margin-bottom: 24px !important;
}
/*Mega Menu Style*/}@media (min-width: 768px) and (max-width: 991px) {:root{--barana-theme-text-font-size : 14px;--barana-theme-box-border-radius : 8px;--barana-theme-button-border-radius : 32px;--barana-theme-title-font-size : 26px;--barana-theme-header-font-size : 14px;}}@media (max-width: 767px) {:root{--barana-theme-text-font-size : 14px;--barana-theme-box-border-radius : 8px;--barana-theme-button-border-radius : 32px;--barana-theme-title-font-size : 18px;--barana-theme-header-font-size : 12px;}.grocery-ajax-products {
    padding: 16px;
}
.hide-subtitile .banner-subtitle {
    display: none;
}
.all-product-wrapper {
    padding: 15px 4px 0px;
}}
		body {
			overflow-x: hidden;
			margin: 0;
			background-color: #fff;
			color: var(--barana-theme-text-color);
			text-rendering: optimizeLegibility;
			font-weight: var(--barana-theme-text-font-weight);
			font-style: var(--barana-theme-text-font-style);
			font-size: var(--barana-theme-text-font-size);
			font-family: var(--barana-theme-text-font-family);
			-webkit-font-smoothing: antialiased;
			-moz-osx-font-smoothing: grayscale;
			line-height: var(--barana-theme-text-line-height);
		}
		.title, h1, h2, h3, h4, h5, h6, legend {
			display: block;
			color: var(--barana-theme-title-color);
			text-transform: var(--barana-theme-title-transform);
			font-weight: var(--barana-theme-title-font-weight);
			font-style: var(--barana-theme-title-font-style);
			font-family: var(--barana-theme-title-font-family);
			line-height: 1.4;
		}
		[class*=color-scheme-light] {
			--color-white: #000;
			--color-gray-100: rgba(255, 255, 255, 0.1);
			--color-gray-200: rgba(255, 255, 255, 0.2);
			--color-gray-300: rgba(255, 255, 255, 0.5);
			--color-gray-400: rgba(255, 255, 255, 0.6);
			--color-gray-500: rgba(255, 255, 255, 0.7);
			--color-gray-600: rgba(255, 255, 255, 0.8);
			--color-gray-700: rgba(255, 255, 255, 0.9);
			--color-gray-800: #FFF;
			--color-gray-900: #FFF;
			--bgcolor-white-rgb: 0,0,0;
			--bgcolor-white: #0f0f0f;
			--bgcolor-gray-100: #0a0a0a;
			--bgcolor-gray-200: #121212;
			--bgcolor-gray-300: #141414;
			--brdcolor-gray-200: rgba(255, 255, 255, 0.1);
			--brdcolor-gray-300: rgba(255, 255, 255, 0.15);
			--brdcolor-gray-400: rgba(255, 255, 255, 0.25);
			--brdcolor-gray-500: rgba(255, 255, 255, 0.3);
			--barana-theme-text-color: rgba(255, 255, 255, 0.8);
			--barana-theme-title-color: #FFF;
			--barana-theme-widget-title-color: var(--barana-theme-title-color);
			--barana-theme-entities-title-color: #FFF;
			--barana-theme-entities-title-color-hover: rgba(255, 255, 255, 0.8);
			--barana-theme-link-color: rgba(255, 255, 255, 0.9);
			--barana-theme-link-color-hover: #FFF;
			--barana-theme-form-brd-color: rgba(255, 255, 255, 0.2);
			--barana-theme-form-brd-color-focus: rgba(255, 255, 255, 0.3);
			--barana-theme-form-placeholder-color: rgba(255, 255, 255, 0.6);
			--barana-theme-form-chevron: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNSIgaGVpZ2h0PSIyNSIgZmlsbD0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2U9InJnYmEoMjU1LCAyNTUsIDI1NSwgMC42KSI+PHBhdGggZD0iTTYgOWw2IDYgNi02Ii8+PC9zdmc+);
			--barana-theme-main-bgcolor: #1a1a1a;
			color: var(--barana-theme-text-color);
		}
		.color-scheme-dark {
			--color-white: #FFF;
			--color-gray-100: #f7f7f7;
			--color-gray-200: #f1f1f1;
			--color-gray-300: #bbb;
			--color-gray-400: #a5a5a5;
			--color-gray-500: #777;
			--color-gray-600: #666;
			--color-gray-700: #555;
			--color-gray-800: #333;
			--color-gray-900: #242424;
			--bgcolor-white-rgb: 255,255,255;
			--bgcolor-white: #FFF;
			--bgcolor-gray-100: #f7f7f7;
			--bgcolor-gray-200: #f7f7f7;
			--bgcolor-gray-300: #f1f1f1;
			--brdcolor-gray-200: rgba(0, 0, 0, 0.075);
			--brdcolor-gray-300: rgba(0, 0, 0, 0.105);
			--brdcolor-gray-400: rgba(0, 0, 0, 0.12);
			--brdcolor-gray-500: rgba(0, 0, 0, 0.2);
			--barana-theme-text-color: #777;
			--barana-theme-title-color: #242424;
			--barana-theme-entities-title-color: #333;
			--barana-theme-entities-title-color-hover: rgba(51, 51, 51, 0.65);
			--barana-theme-link-color: #333;
			--barana-theme-link-color-hover: #242424;
			--barana-theme-form-brd-color: rgba(0, 0, 0, 0.1);
			--barana-theme-form-brd-color-focus: rgba(0, 0, 0, 0.15);
			--barana-theme-form-placeholder-color: #777;
			color: var(--barana-theme-text-color);
		}
		.color-scheme-hover-dark:hover {
			--color-gray-400: #a5a5a5;
			--color-gray-800: #333;
			--bgcolor-gray-200: #f7f7f7;
			--brdcolor-gray-500: rgba(0, 0, 0, 0.2);
			--barana-theme-text-color: #777;
			--barana-theme-title-color: #242424;
			--barana-theme-link-color: #333;
			--barana-theme-link-color-hover: #242424;
			color: var(--barana-theme-text-color);
		}
		.color-scheme-hover-light:hover {
			--color-gray-400: rgba(255, 255, 255, 0.8);
			--color-gray-800: #FFF;
			--brdcolor-gray-300: rgba(255, 255, 255, 0.15);
			--brdcolor-gray-500: rgba(255, 255, 255, 0.3);
			--barana-theme-text-color: rgba(255, 255, 255, 0.8);
			--barana-theme-title-color: #FFF;
			--barana-theme-link-color: rgba(255, 255, 255, 0.9);
			--barana-theme-link-color-hover: #FFF;
			color: var(--barana-theme-text-color);
		}
		@media (min-width: 992px) {
			.rt-d-just-desktop-none{
				display:none !important;
			}
		}
		@media (min-width: 768px) and (max-width: 991px) {
			.rt-d-just-tablet-none{
				display:none !important;
			}
		}
		@media (max-width: 767px) {
			.rt-d-just-mobile-none{
				display:none !important;
			}
		}
		@media (max-width : 991px) {body{padding-bottom:55px;}}