/* Add custom CSS styles below */ 
.main-nav-container {
    background-color: white !important;
}
@media(min-width:700px) and (max-width:1900px){
#about-5 .container div{
 flex-direction:row-reverse
}
#about-9 .container div{
 flex-direction:row-reverse
}
}
.btn {
border-radius:8px !important
}
.product-card__enhanced-mini-cart button.s-button-element {
    background: #dfdeda !important;
    color: var(--product-enhanced-btn-color) !important;
}
@media (max-width: 640px) {
    .is-sticky-product-bar .sticky-product-bar__quantity salla-quantity-input .s-quantity-input-container {
        width: 49% !important;
    }
}
    .product-more-info .more-tab-container .more-info-tabs__nav-link {
        border-radius: 8px;
    }

.top-navbar:not(.topnav-has-bg) {
    background-color: var(--header-bg) !important;
    color: var(--header-text-color)!important;
}
.store-footer .store-footer__curve {
color:white !important
}
.footer-is-custom .store-footer .footer-bottom {
    background-color:white !important;
}
.s-fast-checkout-button.outline.rtl{
border-radius:8px !important

}
 .product-single__inner .s-quantity-input-container{
 border-radius:8px !important

 }
.s-quantity-input-container{
border-radius:8px !important;
background:#dfdeda !important
}
.s-quantity-input-button span svg{
background:#dfdeda !important
}

.product-single .sticky-product-bar salla-add-product-button salla-button .s-button-btn{
border-radius:8px !important
}
button{
    border-radius: 8px !important;
}
.footer-is-custom .store-footer .social-link, .footer-is-custom .store-footer .contact-social, .footer-is-custom .store-footer .contact-icon{
   border-color: black !important ;
   opacity: 1 !important; 
}
.enhanced_rounded_contacts a {
    border-radius: .25rem;
    border-color: black;
}

.footer-is-custom .store-footer .store-footer__inner, .footer-is-custom .store-footer .store-footer__contacts-row, .footer-is-custom .store-footer .store-footer__newsletter {
    background-color: #dfdeda !important;
    --tw-border-opacity: 1;
    border-bottom-color: rgb(223 222 218) !important;
    color: #000000 !important;
}
.footer-is-custom .store-footer .footer-rights p {
    color: #000000 !important;
    opacity: 1 !important;
}

.s-block--banners{
margin-top:0px !important
}
#about-3 , #about-5 ,  #about-7 ,  #about-9 {
  padding-top:0px !important;
  padding-bottom: 2rem;
}
@media only screen and (min-width: 1024px) {
    .main-menu li:hover>.sub-menu {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
        z-index: 20;
        background: white;
    }
}


@media(min-width:280px) and (max-width:500px){
.s-block--banners div:first-child{
margin-top:0px !important
}
}