.banner-entry.\31 .r-1.custom-w-500.custom-h-500.lazy.text-xs.lg\:text-lg.h-banner.entered.loaded {
        background-color: #28282800;
        padding: 137px 18px !important;
        background-size: contain !important;
    }
.swiper-lazy.bg-cover.no-overlay.swiper-lazy-loaded {
    background-size: 100% 100%;
}

.header-inner-wrapper.flex.items-stretch.justify-between.relative.pt-1.pb-1 {
    background: white;
    border-radius: 11px;
    padding: 9px;
    margin-top: 21px;
} 
.header-innerRight.flex.items-center {
    flex: 1;
    justify-content: center;
}
.sicon-layout-grid-rearrange:before {
    content: "\ed13";
    color: #945edf;
}
.header-logo-wrapper {
    flex: 1;
    justify-content: center;
}
.sicon-shopping-basket:before,.header-signInBtn .i-icon-user:before{
    color: #945edf;

}
.fixed-header .inner.bg-inherit {
    background: white !important;
}
/*////////////////////////////////////////////*/
h2.title.title--primary.title--small.my-2.pc-t {
    white-space: nowrap;
    overflow: hidden;
}
.product__description.p-2.sm\:p-1.leading-7.mb-3.dm-text-main {
    color: black !important;
}
.product-single h1.text-xl.md\:text-2xl.leading-10.font-bold.mb-2.text-gray-800.dm-text-main,
.product-single h4.total-price.font-bold.text-xl.inline-block.dm-text-main{
color:black ;
}
h1#page-main-title ,ol.flex.items-center.flex-wrap.text-sm.dm-text-main li a,ol.flex.items-center.flex-wrap.text-sm.dm-text-main li{
    color: black !important;
}


.store-footer,.footer-is-dark .store-footer__inner  {
     background-color: #120928;
 }
  
/* Add custom CSS styles below */ 
 
.banner-entry.\31 .r-1.custom-w-500.custom-h-500.lazy.text-xs.lg\:text-lg.h-banner.entered.loaded:hover {
    background-color: white;
        transition: 1s;

}
.sq-awesome-banners:not(.auto-size) .banner-entry:hover {
    opacity: 1.8;
    transition: .3s;
}
body#app {
    background: #e9e9e9 !important;
}
custom-salla-product-card {
    background: white;
    padding: 4px;
    border-radius: 7px;
}

@media(max-width:992px){
.customDiv h2 {
    font-size: 1.8rem;
    color: white;
}}

@media(min-width:992px){
 
body.index header.store-header {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    z-index: 111;
    background: transparent !important;
}
  .header-is-dark #mainnav{
     background: transparent !important;
}
 .fixed-header .inner.bg-inherit {
    background: linear-gradient(45deg, #120927, #8d5ad2);
}
 #wa-widget-box-button {
    z-index: 9999999999;
    bottom: 80px;
 }
 @media only screen and (max-width: 640px) {
  #wa-widget-box-button {
    bottom: 100px;
 }
 }
}