/* Add custom CSS styles below */ 
:nth-child(1 of section.s-block.s-block--fixed-banner) .container {
  max-width: 100%;
  padding: 0;
}

button.s-user-menu-login-btn>svg>path{
      fill:#ffffff !important; 
}
section#W__cat-1::before
{
  content: "التصنيفات";
  display: block;
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  color: #11120D;
  margin-bottom: 35px;
}
.dark section#W__cat-1::before,
html[data-theme="dark"] section#W__cat-1::before,
body.dark section#W__cat-1::before {
  color: #FFFFFF !important;
}
a.banner-entry.lazy.h-banner.entered.loaded:not(:first-child){
  height: 340px;
}
.sm\:gap-8 {
        gap: 10px
}

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

}

.s-slider-block__title h2:where([dir="rtl"], [dir="rtl"] *){
  padding-left: 0 !important;
}
.dark .s-slider-block__title > .s-slider-block__title-right,
html[data-theme="dark"] .s-slider-block__title > .s-slider-block__title-right,
body.dark .s-slider-block__title > .s-slider-block__title-right {
  color: #ffffff !important;
}

.dark h4.s-product-card-price,
.dark h2.s-product-card-content-title>a,
html[data-theme="dark"] h4.s-product-card-price,
html[data-theme="dark"] h2.s-product-card-content-title>a,
body.dark h4.s-product-card-price,
body.dark h2.s-product-card-content-title {
    color: #ffffff !important;
}
.s-block--features__item{
  background-color: #FFFAF4;
  border-width: 1px;
  border-color: #D9D9D9;
}
.feature-icon{
  border-radius: 32px ;
}
section.s-block.s-block--features.container:before
{
  content: "لماذا تختارنا";
  display: block;
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  color: #11120D;
  margin-bottom: 35px;
}
.dark section.s-block.s-block--features.container::before,
html[data-theme="dark"] section.s-block.s-block--features.container::before,
body.dark section.s-block.s-block--features.container::before {
  color: #FFFFFF !important;
}

main > section,
main > div,
.salla-theme-wahaj main > section,
.salla-theme-wahaj section {
    margin-bottom: 80px !important; 
}
span.lineafter.lg\:block.hidden
{
  display:none;
}

main > section:last-child,
main > div:last-child {
    margin-bottom: 0 !important;
}

@media(min-width:768px) {
  #W__images_SQ-3 > div > div > figure > a > img {
    object-fit: fill;
  }
  .swiper.s-slider-container.swiper-initialized.swiper-horizontal.swiper-rtl.swiper-backface-hidden{
    height:630px;
  }
}

/*footer */
.s-block,
section.s-block {
    overflow: visible !important;
}

footer.store-footer {
    width: 100vw !important;
    position: relative !important;
    left: 50% !important;
    right: 50% !important;
    margin-left: -50vw !important;
    margin-right: -50vw !important;
    max-width: 100vw !important;
}

.store-footer .container,
.store-footer_inner {
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 3rem !important;
    padding-right: 3rem !important;
}

html, body {
    overflow-x: hidden !important;
}
.has-overlay::before,
.has-overlay::after,
div[class*="has-overlay"]::before,
div[class*="has-overlay"]::after {
    display: none !important;
    background: transparent !important;
    opacity: 0 !important;}


@media(max-width:768px) {
  section.s-block.W_graid_image > div.grid > div:nth-child(2) > salla-slider > div.swiper > div.swiper-wrapper > div.relative > img {
    height: auto;
  }
}