/* Add custom CSS styles below */ 
@import url('https://fonts.googleapis.com/css2?family=Almarai:wght@300;400;700;800&family=Cairo:wght@200;300;400;500&display=swap');
@import url("https://site-assets.fontawesome.com/releases/v6.4.2/css/all.css");
.cart .shadow-default.bg-white b ,
.cart .shadow-default.bg-white h2 ,
body .s-quantity-input-input,body #product-filter{
	color: #000 !important;
}
@media(max-width: 768px){
.prestige-categories > div > div > div.flex > div > div > a > div.w-24.h-24.relative.group{
	height: 3.8rem !important;
	width: 3.8rem !important;
}}

body *:not(i) {
font-family: 'Almarai' !important;
}

section.prestige-photos-slider.s-block.s-block--photos-slider {
margin-top: 0;
}

.s-slider-block__title {
max-width: unset !important;
width: 100%;
}

salla-slider.photos-slider .swiper-slide {
margin: 0;
padding: 0;
border-radius: 0;
}

salla-slider.photos-slider .swiper-slide img {
border-radius: 0;
}

.main-menu li.root-level>a {
font-size: 17px;
color: #647453;
}

header.store-header * {
background: #f4f1e9;
}


.s-block--testimonials.container h2 {
color: #647453;
}
.testimonials-slider .testimonial {
border: 1px solid #525f44;
border-radius: 30px;
background: #f0eee8;
}

.prestige-banner-1 .prestige-button {
background: #647453;
border-radius: 50px;
color: #fff;
border: 0;
font-size: 21px;
position: relative;
transition: all .5s;
}
.prestige-banner-1 .prestige-button:hover {
transform: scale(1.05);
}

.prestige-banner-1 h3, .prestige-banner-1 span {
color: #647453;
font-size: 31px;
line-height: 3rem;
}



footer * {
justify-content: center;
align-items: center;
text-align: center;
color: #647453;
border-color: #647453;
}

footer .logo {
margin: auto;
}
.prestige-card {
/* border: 1px solid #6271504a; */
border-radius: 7px;
overflow: hidden;
padding-bottom: 16px;
/* box-shadow: 5px 5px 7px #dcdcdc; */
/* background-color: #fcfcfc !important; */
}

.prestige-card img {
/* border-radius: 0 !important; */
}

.s-button-primary {
background-color: #627151;
border: 0 !important;

}

.prestige-card h5 {
font-size: 18px;
color: #627151;
}
.s-block__title h2 {
color: #627151;
font-size: 20px;
}

.prestige-breadcrumbs a {
color: #fff;
}
span.s-cart-summary-count {
color: red;
}
#mobile-menu > ul{
margin: 0 !important;
}
.prestige-card{
background-size: cover ;
object-fit: cover ;
border-radius: 7px ;
}
salla-products-list  .s-products-list-wrapper.s-products-list-vertical-cards > custom-salla-product-card> div > div > a > h5{
font-size: 1rem !important;
margin: auto !important;
text-align: center !important;
justify-content: center !important;
align-items: center !important;
height: 3.5rem !important;
overflow: hidden !important;
}
.breadcrumbs.prestige-breadcrumbs , .breadcrumbs.prestige-breadcrumbs  *  ,salla-comments * , .prestige-desc , .swiper-slide > div > div > div > p , .swiper-slide > div *{
color: #647453 !important;
}

@media (max-width: 992px) {
.banner-entry {
width: 48%;
height: 165px;
background-size: contain;
background-repeat: no-repeat;
background-color: transparent;
} 
section.s-block.s-block--banners.container .grid {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
flex-wrap: wrap;
}

salla-slider.photos-slider .swiper {
padding-left: 0 !important;
}
.prestige-banner-3 .grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}

@media (min-width: 1024px) {
footer.grid {
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
}
@media (min-width: 1024px) {
.banner-entry {
height: 309px;
background-size: contain;
background-repeat: no-repeat;
background-color: transparent;
} 
}


@media (max-width: 768px){
#app > div.app-inner.flex.flex-col.min-h-full > section.prestige-banner_rectangle.block.block > div > div > div{
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
  #app > div.app-inner.flex.flex-col.min-h-full > section.prestige-categories.lg\:px-20.md\:px-10.px-5.md\:py-10.py-5.block.block > div.container {
    padding-left: 0.9rem !important;
  }
  #app > div.app-inner.flex.flex-col.min-h-full > section.prestige-categories.lg\:px-20.md\:px-10.px-5.md\:py-10.py-5.block.block > div > div > div.flex.md\:gap-6.gap-3.flex-wrap.justify-center.items-center > div > div > a > div.text.flex.justify-center.items-center.mt-2{
        margin-right: 0.5rem;
  }
.prestige-categories > div > div > div {
display: grid !important;
justify-content: center !important;
align-items: center !important;
/* gap: 0.2rem !important; */
padding: 0 0.1rem !important;
margin: 0 0.1rem !important;
grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
}
 .prestige-categories.block.block > div > div > div.flex.md\:gap-6.gap-3.flex-wrap  > div   > div > a > div.w-24.h-24.relative.group > div{
/* width: 4.8rem !important; */
max-width: 5rem;
/* height: 4.8rem; */
max-height: 5rem;
 margin:0.2rem !important;
 
}
.prestige-categories > div > div > div  > div > div > a > div  > h4{
font-size: 0.45rem !important;
width: 100% !important;
margin: auto !important;
text-align: center !important;
justify-content: center !important;
align-items: center !important;
color: #647453 !important;
  height: 2rem;
   line-height: 0.9rem;

}
salla-products-list  .s-products-list-wrapper.s-products-list-vertical-cards > custom-salla-product-card> div > div > a > h5{
font-size: 0.8rem !important;
margin: auto !important;
text-align: center !important;
justify-content: center !important;
align-items: center !important;
height: 3.1rem !important;
overflow: hidden !important;
}
.prestige-banner_rectangle.block.block > div > div > div{
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

}