/* Add custom CSS styles below */ 
.special_categories p{
display:none;
}
/*@media (min-width:1200px){ 
.special_category_offer  > div >div:nth-of-type(1){
width: 26%;
}
.special_category_offer  > div >div:nth-of-type(2){
width: 73%;
}
}*/
/*****************/
.moved_banner{
 width: 85% !important;
    margin-inline: auto;
    }
.moved_banner  .banner-item {
    height: 40vh !important;
    justify-content: center;
   
}

.navbar-brand img {
    max-height: 5rem;
    width: auto;
    max-width: 100px;
}
.main-nav-container.fixed-pinned .navbar-brand img {
    max-height: 80px;
}
/* main banner */
section:first-of-type {
  margin-top: 0;
}
salla-slider.photos-slider .swiper-slide {
  padding: 0rem;
  margin: 0rem;
  width: 100%;
}
.s-slider-v-centered .s-slider-block__title-nav button.swiper-button-disabled {
  opacity: 0;
}
salla-slider.photos-slider .swiper:where([dir="rtl"], [dir="rtl"] *) {
  padding: 0rem;
}
.s-block__title h2,
.s-slider-block__title h2 {
  border-bottom: unset;
  padding: 0;
}
/*banner*/
.s-comments-product {
  background-color: transparent;
}


@media (max-width:576px){ 
.moved_banner{
 width: 100% !important;
    margin-inline: auto;
    }
.moved_banner  .banner-item {
    height: 20vh !important;
    justify-content: flex-start;
    align-items: end;
}
.moved_banner  img.background-image {
    object-position: 90%;
}
}
.moved_banner .z-0.circle, .moved_banner .main_img {
display: none;
}
   
    @media screen and (max-width:768px){
        .store-footer__inner * {
            text-align: center;
            margin-left: auto;
            margin-right: auto;
        }
        .main-nav-container .rtl\:mr-4:where([dir="rtl"], [dir="rtl"] *) {
    margin-right: 0rem;
}
        }
        /***************/
footer .navbar-brand img.logo {
    width: 90px !important;
}
.s-payments-list-item {
    width: 57px;
    height: 40px;
    padding: 5px 2px;
}
.s-payments-list-item img {

    background: #fff !important;
}

section.s-block.s-block--fixed-banner.wide-placeholder {
    margin-top: 5%;
}
.marquee.h-10.flex.items-center, .marquee.h-10.flex.items-center * {
    background: #5f4b20 !important;
    color: #fff !important;
}