/* Add custom CSS styles below */
.dark .s-button-primary,salla-slider .swiper-slide{background:#fff}nav#mobile-menu .swiper-slide{background-color:#8e749d;display:none}.dark .product-single salla-add-product-button .s-button-text,.dark .s-comment-form-content .s-comment-form-action salla-button button,i.sicon-menu.text-primary.text-2xl{color:#000}.dark .s-slider-nav-arrow,.dark section.s-block.s-block--testimonials .da-bgg,.s-product-card-entry{background:#fff!important}.s-product-options-multiple-options-wrapper input{border-color:rgb(189 189 189)}.s-comment-form-wrapper{border:1px solid #886d98;border-radius: 8px;}.tabs_product .tab-trigger{background:#fff;color:#000}.tabs .tab-trigger.is-active{background:#886d98;color:#fff}.dark .da-cp,.dark .s-blocktitle,.social-links .icon,.store-footer a,.store-footer h3{color:#fff!important}.dark section.s-block.s-block--testimonials salla-slider .swiper-slide{margin-right:10px;margin-left:10px}.dark .s-product-card-content salla-add-product-button .s-button-text{color:#8e749d}.dark .s-slider-blocktitle h2,.dark .text-primary{color:#fff}.dark .s-product-card-entry{border:1px solid #fff!important;background-color:#8e749d!important}.dark .main-content .s-comment-form-content .s-button-primary,.dark .s-product-card-price,.s-product-card-content-title a,.store-footer a:hover{color:#000!important}.dark .s-block--best-offers salla-slider .swiper-slide{background-color:#8e749d}.dark [type=checkbox]:checked:hover,[type=checkbox]:checked:focus{background-color:transparent}.dark .tabs_product .tab-trigger{color:#fff;background:#8e749d}.dark .tabs .tab-trigger.is-active{background:#fff;color:#8e749d}.dark textarea.s-comment-form-input{border:1px solid}@media (min-width:1024px){.navbar-brand img{max-width:185px;height:4rem!important}}.opt-text strong:is(.dark *){color:#fff}.footer-middle.footer-container{color:#fff}.index i.sicon-arrow-right.text-lg.da-tm{display:none}

i.sicon-menu.text-primary.text-2xl {
    color: #fff;
}

i.sicon-search.text-base.text-black.da-tm {
    color: #fff;
}

.is_large .header-btn .sicon-search, .is_large .header-btn .sicon-user {
    color: #fff;
}

.header-container.container  * {
    color: #fff !important;

}

.bottom-header.opacity-90.bg-white.da-bgm.has-custom-bg > * {
    color: #fff !important;
}

a.s-cart-summary-wrapper {
    color: #fff ;
}

i.sicon-add.text-base.text-black.da-tm {
    color: #fff;
}

p.s-cart-summary-content b {
    color: #fff !important;
}

.is_large .bottom-header-icon i {
    color: #fff;
}

.s-product-card-entry.no-bg {
    border: 2px solid #876d98 !important;
    border-radius: 16px !important;
}
/* hero banner */
img[src="https://cdn.salla.sa/form-builder/kaGAAcOWob0u5IYqpiKugIOCtqFFEdshzNot5VVJ.webp"] {
  display: block;
  visibility: visible;
  transition: opacity 0.5s;
  opacity: 1;
  max-width: 100%;
  font-weight: 400;
  object-fit: contain;
  width: 100%;
  height: auto;
  vertical-align: middle;
  box-sizing: border-box;
  border-width: 0px;
  border-style: solid;
  border-color: rgb(229, 231, 235) !important;
}
.s-product-card-promotion-title {
    color: #000;
}
.index .s-slider-block__title {
    border: 2px solid #886d98;
    border-radius: 20px;
    text-align: center;
    justify-content: center;
    padding: 10px;
}

.index .s-slider-block__title-right {
    text-align: center !important;
    padding: 0px;
}

.index .s-slider-block__title h2 {
    padding: 0px;
}
salla-slider#main-slider-10 .s-slider-block__title {
display:none;}
section.s-block.container .s-block__title {
      border: 2px solid #886d98;
    border-radius: 12px;
    text-align: center;
    justify-content: center;
    padding: 20px 10px;
}
section.s-block.s-block--payment.container.details
{
    border: 2px solid #876d98;
}
@media (max-width:500px){
section.s-block.container .s-block__title{
padding:10px;
}
}
section.s-block.s-block--testimonials .swiper-slide > div {
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
}

/* Loading screen basic style Test*/
.img.lazy.loaded {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  background-color: #ffffff; /* or a loader image/color */
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity 0.5s ease;
}

/* When loading screen is hidden */
.loading-screen--hidden {
  opacity: 0;
  pointer-events: none;
}

/* Optional: Loader animation (spinner) */
.loading-screen::before {
  content: '';
  width: 50px;
  height: 50px;
  border: 5px solid #ccc;
  border-top-color: #007bff;
  border-radius: 50%;
  animation: spin 1s linear infinite;
}

/* Spinner animation keyframes */
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

/* Style for the new section */
.new-section {
  text-align: center;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  font-weight: bold;
  position: relative;
  overflow: hidden;
}