/* Add custom CSS styles below */ 
:root{
--second-color:#f0f1ef;
--main-color:#ffb592
}

/*header style*/
.header-is-light .fixed-pinned .inner,.header-is-light .header-components{
background-color:var(--second-color);
}
.header-icon-button * {
   
    color: #000;
    font-weight: 700;
}
.header-is-light .fixed-pinned.header-components{
background-color: var(--second-color);
}
.btn--gray{
background-color: var(--second-color);
}
.sicon-menu:before {
   
    font-weight: 700;
}
.s-cart-summary-count{
background-color: #feb591;
}
.main-menu  li a span{
    font-weight: 900;
}
.navbar-brand img {
    max-height: 4rem;
    max-width: 183px;
}
.footer-is-light .store-footer{
background-color:var(--second-color);

}


/*product card*/
.product-entry__image img {
    background: none !important;
    height: 100%;
}
.promotion-badge {
color: #feb591 !important;
background-color: var(--second-color) !important;


}
.product-entry salla-add-product-button salla-button button{
background-color:#93bedf;
}
.footer-bottom.s-block .text-gray-400{

color:#333;
}

.s-block--features__item.card-effect .card-border{
background-color: var(--second-color);

}
.features-home .s-block--features__item .feature-icon-div::after, .s-block--features .s-block--features__item .feature-icon-div::after{
left: 3px !important;
    width: 60px;
    height: 60px;
    top: 3px;
}
@media(max-width:720px){
.carousel-slider .swiper-wrapper > div{
width: 62%;
}
.slide--cat-entry h4{
font-size: 0.675rem;
}
.navbar-brand img {
    max-height: 3rem;
    max-width: 153px;
}
.footer-content.grid.grid-cols-2{
display: flex
;
    flex-direction: column;
    align-content: center;
    align-items: center;
    justify-content: center;
    text-align: center;

}
body .s-slider-nav-arrow {
    height: 1.9rem;
    width: 1.9rem;
    border-radius: 15px;
}

}

 .marquee-container {
            width: 100%;
            overflow: hidden;
            background: #feb591;
            color: white;
            font-size: 16px;
            padding: 20px;
            white-space: nowrap;
            position: relative;
            display:flex;
  
    justify-content: center;
    align-items: center;
        }

        .marquee-content {
            display: inline-block;
            position: absolute;
            white-space: nowrap;
            will-change: transform;
            
        }
        
        
        
        .marquee-container {
    visibility: hidden;
}