/* Add custom CSS styles below */ 
:root {
    --main-color: #b90d17;
    --second-color:#32575c;
    --hover-color: #32575c;
    --logo: url(https://cdn.salla.sa/cdn-cgi/image/fit=scale-down,width=400,height=400,onerror=redirect,format=auto/pQWzrA/z46jmaDNeZz3j6S8773Z3hX5VfrD1GaVTaL1X7G8.jpg);
}

.text-primary {
  color : var(--main-color) !important;
}

/* -----Body Start -------- */
body:after {
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  position: fixed;
  z-index: 999999;
  background: #FFF
    var(--logo);
  left: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 160px;
  animation-name: fade-in;
  animation-duration: .5s;
  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(.1);
    }
}
/* -----Body End -------- */

/* Header Start-------- */
.s-block--marquee {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
}

.s-block--marquee .marquee__content li a {
    font-size: 14px;
}
div#main-nav {
    background-color: #375962 !important;
    color: #FFF !important;
    height: 60px !important;
}
.main-nav-container {
  min-height: 68px;
  color: var(--main-color);
}
.offers-link {
    animation: pulse .5s infinite;
    color: #F00;
}


/* logo */
.navbar-brand img:hover {
  transform: rotate(360deg) scale(1.1);
  transition: 0.8s;
}

.navbar-brand img {
    max-height: 4rem !important;
}
/* ----- Header End -------- */

/* ----- S-Block Start -------- */
.s-block:not(:first-of-type), .s-block:not(:second-of-type){
    margin-top: 50px !important;
}

.s-block.s-block--fixed-banner > .container {
  width: 100% !important;
  max-width: 100% !important;
  padding-left: 0px;
  padding-right: 0px;
}

.s-block {
  margin-top: unset;
}

.s-block:not(:first-of-type) {
  margin-bottom: 2rem !important;
}
@media(max-width: 767px) {
.banners-grid--6 {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
}

img.lazy.w-full.object-cover.absolute.h-full.top-0.loaded {
    height: auto !important;
}

@media (min-width: 768px) {
.banners-grid--6 .banner-entry a {
    padding-bottom: 100% !important;
}
}
.s-block__title.relative {
    justify-content: center;
}
.right-side {
    text-align: center;
}
}
.tabs.hide-scroll.mb-5 {
    justify-content: center;
}

a.more-link.more-link--arrowed.group.transition-all.duration-300, .card-title-has-line-clamp .product-entry__title a, .s-block--tabs .quicklinks-item.is-active {
    color: #730a1c;
    font-weight: 800;
}

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

@media (min-width: 640px) {
    salla-slider[type]:not(.hydrated) > div > div, salla-slider[type]:not(.hydrated) .swiper > div > div > div, .carousel-slider .swiper-wrapper > div {
        padding-left: 0rem !important;
        padding-right: 0rem !important;
    }
}

@media (min-width: 1024px) {
    salla-slider.photos-slider .swiper-slide {
        margin-left: 0rem !important;
        margin-right: 0rem !important;
        width: 100% !important;
    }
}
.product-single .addtocart-bar .s-button-btn, .card--addtocard-full-btn .btn--add-to-cart--full .s-button-btn, .product-single .s-add-product-button-main salla-mini-checkout-widget, .s-button-btn, .s-button-btn:hover {
    background: var(--second-color);
    border-radius: 20px !important;
    color: #FFF;
}
#s-edit-alert>a i {
    color: var(--second-color);
}
/* ----- Whatsapp Start -------- */
#wa-widget-send-button{width:55px!important;height:55px!important;border-radius:50%!important}.home-slider:not(.photos-slider) .swiper-slide:not(.photos-slider)::before{background:0 0!important}#whatsappButton{position:fixed;bottom:2.5rem;left:20px;width:60px;height:60px;background-color:var(--second-color);border-radius:50%;text-align:center;font-size:27px;color:#FFF;box-shadow:2px 2px 5px rgba(0,0,0,.3);cursor:pointer;display:flex;justify-content:center;align-items:center;z-index:1000}#whatsappButton i{color:#fff!important}#whatsappButton:hover{background-color:var(--main-color)}
}
/* ----- Whatsapp End -------- */