@import url(https://fonts.googleapis.com/css2?family=Cairo:wght@200;300;400;500;600;700;800;900;1000&display=swap);
 
/* Add custom CSS styles below */ 
:root {
    --main-color: #a14731;
    --second-color:#000;
    --third-color:#fff ;
}


*,
body,
html {
	font-family: Cairo, sans-serif !important
}

body {
  background: var(--third-color);
}

body:after {
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  position: fixed;
  z-index: 999999;
  background: var(--third-color)
    url(https://cdn.salla.sa/cdn-cgi/image/fit=scale-down,width=400,height=400,onerror=redirect,format=auto/ZYlVxD/hmNI1o8LuczSKjMs0a3XdVfNsGgNqCM0whIOMhSE.png);
  left: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 160px;
  animation-name: fade-in;
  animation-duration: .3s;
  transform: scale(0);
  border: none;
}

@keyframes fade-in {
  0% {
    opacity: 1;
    transform: scale(1);
  }

  75% {
    opacity: 1;
    transform: scale(1);
  }

  100% {
    opacity: 0;
    transform: scale(0.1);
  }
}

li#offers{
  animation: pulse .5s infinite; 
}

.s-block {
    margin-bottom: 2rem;
}

.s-block:has(img[src="https://cdn.salla.sa/form-builder/kaf2VTxMw1XTNPq7ZIeRLYsUU6iYh0zErTv6x1Im.gif"]) {
    margin-top: 0px !important;
}

.container:has(img[src="https://cdn.salla.sa/form-builder/kaf2VTxMw1XTNPq7ZIeRLYsUU6iYh0zErTv6x1Im.gif"]) {
    max-width: 100% !important;
    padding-right: 0px !important;
    padding-left: 0px !important;
    margin-top: 5px !important;
}


@media (min-width: 640px) {
  .s-block {
      margin-top: unset;
      margin-bottom: 4rem !important;
  }
}

.s-block.s-block--fixed-banner>.container, salla-slider.photos-slider .swiper-slide {
    width: 100%!important;
}

.s-block--banners:has(a[data-bg="https://cdn.salla.sa/form-builder/7OSiaRKYQZcYCDBkpEOnwEeRpFCoAg4jVDauOea9.png"]) .banner-entry {
    height: 20vw !important;
    width: 100% !important;
    background-size: contain !important;
}

.container:has(img[data-bg="https://cdn.salla.sa/form-builder/kaf2VTxMw1XTNPq7ZIeRLYsUU6iYh0zErTv6x1Im.gif"]) {
    padding-right: 0px !important;
    padding-left: 0px !important;
}
}

.container:has(img[src="https://cdn.salla.sa/form-builder/kaf2VTxMw1XTNPq7ZIeRLYsUU6iYh0zErTv6x1Im.gif"]) {
    max-width: 100% !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
}

@media(max-width: 640px) {
.s-block--banners:has(a[data-bg="https://cdn.salla.sa/form-builder/7OSiaRKYQZcYCDBkpEOnwEeRpFCoAg4jVDauOea9.png"]) .banner-entry {
    height: 63vw !important;
    width: 100% !important;
    background-size: contain !important;
}
}

@media (min-width: 640px)
.s-product-card-content {
    padding: 0.25rem !important;
}

.s-slider-block__title-left {
    display: none;
}


.s-slider-block__title h2::after {
    background-color: var(--main-color);
    bottom: -10px;
    height: 2px;
    width: 100%;
    position: relative;
    content: "";
    display: block;
}

.s-slider-block__title h2 {
    margin-bottom: 15px;
}

.s-product-card-entry {
    text-align: center;
    border: 2px solid var(--main-color);
    border-radius: 0.35rem;
}
.s-button-btn, .s-price-range-number-input {
    border-radius: 0.35rem;
    background: var(--main-color);
    color: var(--third-color);
    font-weight: bold;
}

.s-button-btn:hover, .s-price-range-number-input:hover {
    background: var(--main-color);
    color: var(--third-color) !important;
}


salla-slider.photos-slider .swiper-slide {
    margin-left: 5px !important;
    margin-right: 5px !important;
    width: 50% !important;
}

@media (min-width: 768px) {
salla-slider.photos-slider .swiper:where([dir="rtl"], [dir="rtl"] *) {
    padding-left: 0px !important;
}
}



.s-block__title, .index .s-slider-block__title, .s-block--categories .s-slider-block__title, .s-product-card-starting-price, .s-product-card-content-sub, .s-social-list, .store-footer__inner ul{
    justify-content: center;
}

.s-block--features__item, .s-block--features__item:hover {
  box-shadow: 0 10px 17px rgb(0 0 0 / 25%), 0 10px 10px rgb(0 0 0 / 22%);
}


.store-footer__inner {
    background: var(--main-color) !important;
    color: var(--third-color) !important;
}

section.s-block.s-block--features.container {
  text-align: center;
}

section.s-block.s-block--features.container:before {
    content: "????????";
    color: var(--main-color);
    font-size: 20px;
    font-weight: bold;
    line-height: 2px;
}

.s-block--features__item, .s-block--features__item:hover {
    margin-top: 20px;
}

salla-slider.photos-slider .swiper-slide {
    margin-left: 5px !important;
    margin-right: 5px !important;
    width: 50% !important;
}

@media (min-width: 768px) {
salla-slider.photos-slider .swiper:where([dir="rtl"], [dir="rtl"] *) {
    padding-left: 0px !important;
}

.s-slider-v-centered .s-slider-block__title-nav, salla-slider.photos-slider .swiper-pagination-bullets.swiper-pagination-horizontal {
/* display: none; */
}

@media (min-width: 768px) {
.two-row .banner-entry:first-child {
    height: 140px !important;
}
}

.grid:has(div[data-bg="https://cdn.salla.sa/form-builder/OQF1lPkUaMGpoVwpQdXsgUWc4R50bWUYjPjwF4MN.png"])  {
    grid-template-columns: repeat(4, minmax(0, 1fr)); !important
}


.s-block--banners:has(div[data-bg="https://cdn.salla.sa/form-builder/OQF1lPkUaMGpoVwpQdXsgUWc4R50bWUYjPjwF4MN.png"]) .banner-entry {
height: 140px;
box-shadow: 3px 3px 3px 3px var(--main-color);
}

salla-slider.photos-slider .swiper-pagination-bullets.swiper-pagination-horizontal {
    /* display: none; */
}

.navbar-brand img {
    max-height: 5rem;
    width: 100%;
    max-width: 100px;
}

@media(min-width: 1200px) {
.s-block--banners:has(div[data-bg="https://cdn.salla.sa/form-builder/79jQRzcC8VCtQanMtLujqi04VKZmDsMm1rP8zgzA.png"]) .banner-entry {
    height: 300px !important;
}
}

@media screen and (max-width: 1200px) {
.s-block--banners:has(div[data-bg="https://cdn.salla.sa/form-builder/79jQRzcC8VCtQanMtLujqi04VKZmDsMm1rP8zgzA.png"]) .banner-entry {
    height: 250px !important;
}
}

@media screen and (max-width: 900px) {
.s-block--banners:has(div[data-bg="https://cdn.salla.sa/form-builder/79jQRzcC8VCtQanMtLujqi04VKZmDsMm1rP8zgzA.png"]) .banner-entry {
    height: 210px !important;
}
}

@media (min-width: 480px) and (max-width: 767px) {
.s-block--banners:has(div[data-bg="https://cdn.salla.sa/form-builder/79jQRzcC8VCtQanMtLujqi04VKZmDsMm1rP8zgzA.png"]) .banner-entry {
    height: 400px !important;
}
}

a:has(div[data-bg="https://cdn.salla.sa/form-builder/OQF1lPkUaMGpoVwpQdXsgUWc4R50bWUYjPjwF4MN.png"]), a:has(div[data-bg="https://cdn.salla.sa/form-builder/J10hsYtNOal27ekJDhNMQlJrR2KIyfMQ6ggvcEid.png"]) {
     pointer-events: none;
}