/* Add custom CSS styles below */ 
body{
  background-color:#281363 !important;
}

/* Products Cards */
custom-salla-product-card {
  background-color: #fff !important;
 
}

custom-salla-product-card .s-product-card-content-main *{
  color: #000!important;
 
}
custom-salla-product-card .s-product-card-content-main *{
  background-color: #fff!important;
 
}

salla-add-product-button button {
  background-color: #5F1495 !important;
  color: #fff!important;
  border: 1px solid transparent !important;
}
salla-add-product-button:hover button {
  background-color: #fff!important;
  color: #0F5376 !important;
  border: 1px solid #0F5376 !important;
}

.s-button-element.s-button-outline:hover .s-button-text,
.s-button-element.s-button-outline:hover i {
  color: #0F5376 !important;
}

/* Titles */
.s-slider-block__title-right:where([dir="rtl"], [dir="rtl"] *) {
  padding-left: 0;
}

.s-slider-block__title h2:where([dir="rtl"], [dir="rtl"] *) {
  padding-left: 0;
}

.s-slider-block__title-left *,
.s-slider-block__title-right,
.s-block__display-all {
  color: #fff !important;
}



.s-slider-block__title {
  position: relative;
  display: flex;
  justify-content: center; 
  align-items: center;
  text-align: center;
  
  flex-direction: column;
}

.s-slider-block__title-left {
  position: absolute;
  top: 50%;
  left: 0;
  display: flex;
  align-items: center;
  gap: 10px;
  flex-direction: row;
}

.s-block__title{
  text-align:center;
}

.s-block__title h2{
 color:#fff !important;
}

/**/
.mode-toggler{
  display:none !important;
}

#preloader{
  background-color:rgba(40, 19, 99, 0.5) !important;
}

/**/
.main-content {
  background-color: #fff;
  padding: 1.3rem;
  border-radius: 14px;
}

/*Banners*/
.s-block--banners{
  padding-top:1.75rem;
}


/**/
.main-content .leading-normal {
  color:#000 !important;
}

.sticky-product-bar .leading-normal {
  color:#fff !important;
  
}

#more-details >p{
  color:#777 !important;
}

.styles__tabbyPromoSnippetText--b30d0 {
    color: #fff !important;

}

.ql-direction-rtl *{
  color:#fff !important
}

.main-content .flex.items-center p.da-tm {
  color: #000 !important;
}


.light .da-tm {
    color: #000000 !important;
}