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

section#about-2 h2.text-2xl.lg\:text-4xl.text-primary.font-bold.mb-5, .s-block--enhanced-features__item .feature-icon i {
    color: #80695e !important;
}
.my-2.mx-auto.w-28.h-0.border-2.border-primary {
    border-color: #80695e !important;
}

salla-slider#slider-with-bg-5 custom-salla-product-card {
    background-color: transparent !important;
    border: solid 1px #80695e;
}

.special-categories .single-banner .banner-button{
    font-size: 25px;
    background: #0000006e;
    padding: 10px 5px;
    color: #fff !important;
}

.special-categories.enhanced_btns .group-banner .banner-wrapper-infor .banner-button:HOVER{
   color: #000 !important;
}

button.s-button-element.s-button-btn.s-button-solid.s-button-primary.s-button-loader-center:hover span {
    color:#000
}

.s-add-product-button-mini-checkout-content {
    color: #000;
}

img.lazy.w-full.h-full.object-cover.object-center.min-h-\[250px\].max-h-\[350px\].lg\:max-h-\[700px\].loaded {
    object-fit: contain;
    background: transparent;
}

#app > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > section.special-categories.enhanced_btns.mini_images.s-block--animate > div > div > div.group-banner > div.banner-1.animated > div.banner-image > a > img{
    object-position: left;
}
a.fix-align.text-primary {
    color: black;
}