/* Add custom CSS styles below */ 
/* body */ 
body {
background:white url(https://i.ibb.co/1d3rzLF/bg.jpg) ;
}

/* header */
.s-block--photos-slider{
  margin:0
}

.s-block--banners{
margin:2rem auto
}
#app>div.app-inner.flex.flex-col.min-h-full>footer>div.store-footer__inner>div>div.lg\:col-span-2.rtl\:lg\:pl-20.ltr\:lg\:pr-20>div>salla-social>li:nth-child(2)>a {
    background: #000 !important;
}

salla-slider.photos-slider .swiper-slide{
padding:0;
margin:0;
width:100%;
}

[dir=rtl] salla-slider.photos-slider .swiper{
padding:0
}

/* fixed banner */
.s-block--fixed-banner{
margin:0;
}

.banner--fixed img {
margin-top:1rem !important;
    background-color: transparent;
}

/* products */ 

.md\:grid-cols-3 {
    grid-template-columns: repeat(4,minmax(0,1fr));
}

.two-row .banner-entry:first-child {
   height: 300px;
   grid-column: span 1/span 1;
   grid-row: span 1/span 1;
}

.s-block--best-offers{
    margin: 1rem auto !important;
}

.two-row .banner-entry{   
height: 300px;
background-color: transparent;
}
.s-button-primary-outline {
    color: #ffffff;
    background: #965baa;
}
.md\:grid-cols-3 {
    grid-template-columns: repeat(4,minmax(0,1fr));
}

@media(max-width:768px){
    .sicon-menu:before {
         color:#818181 ;
}
.mm-spn.mm-spn--light {
    color: #fff;
    background: #965bab;
}
.two-row .banner-entry:first-child {
   height: 100px
}
.two-row .banner-entry {
   height: 100px
}
.s-products-slider-card{
width:50%
}
.md\:grid-cols-3 {
    grid-template-columns: repeat(4,minmax(0,1fr));
}
.s-product-card-image img {
    height: 190px;
    }
    .s-product-card-image {
     background-color: transparent;
}
}
/* footer */ 
.store-footer{
margin-top:-5px;
background-color: #818181
 ;
}

.copyright-text p {
    color: white;
}

.store-footer__inner{
 background-color:#965bab;}
a[href*="instagram"]{
background: radial-gradient(circle farthest-corner at 35% 90%, #fec564, transparent 50%), radial-gradient(circle farthest-corner at 0 140%, #fec564, transparent 50%), radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent), linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%);}
#app > div.app-inner.flex.flex-col.min-h-full > footer > div.store-footer__inner > div > div.lg\:col-span-2.rtl\:lg\:pl-20.ltr\:lg\:pr-20 > div > salla-social > li:nth-child(3) > a{
    background: linear-gradient(120deg,#fffc00,#fffc00);
    color: #000;
}
@media (max-width: 768px) {

.s-button-wide {
    width: 107%;
    padding: 6px 0px;
}}
#app > div.app-inner.flex.flex-col.min-h-full > footer > div.store-footer__inner > div > div.lg\:col-span-2.rtl\:lg\:pl-20.ltr\:lg\:pr-20 > div > salla-social > li:nth-child(4) > a {
    background: linear-gradient(120deg, #000000, #787872);
}
#app > div.app-inner.flex.flex-col.min-h-full > footer > div.store-footer__inner > div > div.lg\:col-span-2.rtl\:lg\:pl-20.ltr\:lg\:pr-20 > div > salla-social > li:nth-child(5) > a{

    background-color: #1877f2;
}
#app > div.app-inner.flex.flex-col.min-h-full > footer > div.store-footer__inner > div > div.lg\:col-span-2.rtl\:lg\:pl-20.ltr\:lg\:pr-20 > div > salla-social > li:nth-child(2) > a{
background: #00aced;
}


a[title="twitter"] svg {
    display: none;
}
a[title="twitter"]:before{
    content: "\e61b";
    font-family: FontAwesome;
}
/**/
.bg-white {
    /* background-color: #fff; */
    /* background-color: rgba(255, 255, 255, var(--tw-bg-opacity, 1)); */
    background: #955aaa;
}

    .sicon-menu:before {
        color: #ffffff;
    
}
.sicon-user-circle:before
 {
    color: #fff;
}
.sicon-shopping-bag:before {
    color: #fff;

}
.s-cart-summary-total {
    font-weight: 600;
    --tw-text-opacity: 1;
    color: #000;
    color: rgb(255 255 255);
}
.s-slider-block__title h2:where([dir=rtl],[dir=rtl] *) {
    padding-left: 2rem;
    background: #965baa;
    color: #fff;
    margin: 0px 0px;
    background-size: cover;
    padding: 8px 9px;
    border-radius: 10px 0px 10px 0px;
    font-size: 13px;
}
/**/

@media only screen and (min-width: 1024px) {
    .main-menu li>a {color: #fff;
    }}