/* Add custom CSS styles below */ 
@media(min-width:992px){

.special-categories__content {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row-reverse;
}}

@media(max-width:991px){

    .special-categories .group-banner .banner-3 {
    flex: 0 0 50% !important;
    max-width: 50% !important;
}
    .special-categories .group-banner .banner-2 {
    flex: 0 0 50% !important;
    max-width: 50% !important;
}
    .special-categories .group-banner .banner-1 {
    flex: 0 0 100% !important;
    max-width: 100% !important;
}
    .special-categories .group-banner {
    flex: 0 0 38.2% !important;
    max-width: 38.2% !important;
    display: flex !important;
    flex-wrap: wrap !important;
}
    .special-categories .single-banner {
    flex: 0 0 61.8% !important;
    max-width: 61.8% !important;
    position: relative !important;
}










section.s-block--special-products-slider  img.lazy.loaded {
  
    object-position: top!important
}

.s-block--special-products-slider .min-h-\[250px\] {
    min-height: 500px !important;
}
}

a.btn.btn--outline-primary {
    background: #d1af79 !important;
    color: #fff;
    border-radius: 5px !important
}

button.s-button-element.s-button-btn.s-button-outline.s-button-sm.s-button-wide.s-button-primary-outline {
    background: #d1af79 !important;
    color: #fff !important;
}

[dir=rtl] .header-btn__icon.icon.sicon-cart,
i.header-btn__icon.sicon-user {
    background: #d1af79;
    border-radius: 20px;
    padding: 20px;
    color: #fff;
    margin-right: 10px
}
.slider-bg  h3.text-lg.md\:text-4xl.font-bold.leading-12.mb-2 {
    color: #523000;
    FONT-WEIGHT: 700;
}
.slider-bg  .text-sm {
    line-height: 2.25rem;
    font-size: 25px;

}



@media(max-width:991px){


div#popup-id {
    width: 90%;
}

.s-block--slider-with-bg .slider-bg {
    height: 21rem;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top;

}
.s-block--slider-with-bg .slider-bg {
    height: 21rem;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top;

}
}


.s-block--slider-with-bg .slider-bg:before {

    background-color: transparent;

}
.s-block--slider-with-bg .slider-bg {
    background-repeat: no-repeat;


}
@media(min-width:991px){

.s-block--slider-with-bg .slider-bg {
    height: 664px;
}
}

.s-block--slider-with-bg .s-slider-block__display-all {

    display: none;
}