element.style {
    background-image: url(https://cdn.salla.sa/form-builder/uf09nRZgLCu2FhyQVtMPXmVCYfFSZ823PBgVaZ9G.png);
    background-size: auto;
}

.container.px-2\.5.ms\:px-5.mb-10 {
    background-color: #ffffff73;
}

button.s-social-share-btn.s-button-element.s-button-icon.s-button-outline.s-button-light-outline.s-button-loader-center {
    background-color: black;
}
.items-start {
    align-items: flex-start;
    background-color: white;
}
button.btn--wishlist.animated.hidden.sm\:inline-flex.s-button-element.s-button-icon.s-button-outline.s-button-light-outline.s-button-loader-center {
    background-color: black;
}
.s-comments-product {
    margin-bottom: 3.5rem;
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
    background-color: white;
}
.main-menu li>a {
    background-color: black;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.75rem;
    font-size: .875rem;
    line-height: 1.25rem;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: 300ms;
}
.s-block--features+.s-block--features, .s-block--fixed-banner+.s-block--fixed-banner, .s-block--banners+.s-block--banners {
    margin-top: 1em;
}




#product{
    background-color: white;
}

@font-face {
  ‎‏    font-family:rb-font !important;
  ‎‏    src:url(https://sanint.sirv.com/zyros_natinonal_day_font/RB%20Font.ttf);
  ‎‏    font-weight:normal;
  
}
p.text-gray-400.mb-2\.5.md\:mb-0 {
    color: #f9ff2b;
}
.mm-spn a {
    background: inherit;
    color: inherit;
    color: white;
    -webkit-text-decoration: none;
    text-decoration: none;
}
.s-slider-v-centered.fullwidth-slider .s-slider-block__title-nav button {
    --tw-shadow-color: #37415100;
    background-color: transparent;
}
.s-slider-nav-arrow svg {
    width: 22px;
    fill: #6b728000;
}

div#mainnav {
    background-color: black;
    color: white;
}

h2 {
    color: black;
    font-size: 1.25rem;
    line-height: 1.75rem;
}


h1 {
    color:black;
    font-size: 1.875rem;
    line-height: 2.25rem;
}



.swiper-lazy.swiper-lazy-loaded {
    opacity: 2;
}
.s-block--hero-slider .swiper-slide .swiper-lazy:after {
    position: absolute;
    top: 0;
    height: auto;
    width: auto;
    background-color: rgb(255 255 255 / 0%);
 
}
.text-primary {
    color: #ffffff;
}
span {
    color: #efed49;
}
.s-button-wide {
    width: 100%;
    background-color: black;
  
}



.mm-spn.mm-spn--navbar.mm-spn--main {
    cursor: default;
    background-color: #000000 !important;
    text-align: center;
    color: white;
    }

body#app {
    background-color: black;
    background-image: url(https://www12.0zz0.com/2023/03/04/13/724785399.png);
}
.sicon-menu:before {
    color: white;
    content: "\ed7f";
}
.btn--collapse {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    border-radius: 0.375rem;
    --tw-bg-opacity: 1;
    background-color: #000000;
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
    font-size: .875rem;
    line-height: 1.25rem;
    --tw-text-opacity: 1;
    color: #6b7280;
    color: rgb(107 114 128/var(--tw-text-opacity));
}
i.header-btn__icon.icon.sicon-shopping-bag {
    border-color: #eeed49;
}
.s-cart-summary-total {
    font-weight: 600;
    --tw-text-opacity: 1;
    color: white;
}
.sicon-shopping-bag:before {
    content: "\ef36";
    color: white;
}
i.header-btn__icon.sicon-user-circle {
    border-color: #e8e712;
}
.sicon-user-circle:before {
    content: "\f072";
    color: #ffffff;
}
@media screen and (max-width:600px){
.lazy__bg {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-size: cover;
    background-position: center;
    opacity: 0;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: 500ms;
}}
@media screen and (max-width:600px){
.banner-entry {
    position: relative;
    height: 58px;
    overflow: hidden;
    border-radius: 0.375rem;
    --tw-bg-opacity: 1;
    background-color: #f3f4f6;
    background-color: rgb(243 244 246/var(--tw-bg-opacity));
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 0.6rem;
    text-align: center;
    --tw-text-opacity: 1;
    color: #fff;
    color: rgb(255 255 255/var(--tw-text-opacity));
}}
@media screen and (max-width:400px){
.lazy__bg {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-size: cover;
    background-position: center;
    opacity: 0;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: 500ms;
}}
@media screen and (max-width:400px){
.s-block--features+.s-block--features, .s-block--fixed-banner+.s-block--fixed-banner, .s-block--banners+.s-block--banners {
    margin-top: 0.5em;
}}

@media only screen and (max-width: 1024px) and (max-width: 480px)
.mm-ocd-opened .btn--close-sm {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    z-index: 99999999;
    background-color: #23231b;
}
ul.mm-spn--open {
    background-color: black;
    background-image: url(https://www10.0zz0.com/2023/03/04/22/961298483.png);
}
@media screen and (max-width:400px){
.banner-entry {
    position: relative;
    height: 51px;
    overflow: hidden;
    border-radius: 0.375rem;
    --tw-bg-opacity: 1;
    /* background-color: rgba(243,244,246,var(--tw-bg-opacity)); */
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    padding: 0.30rem;
    text-align: center;
    --tw-text-opacity: 1;
    color: rgba(255,255,255,var(--tw-text-opacity));
}



span.inline-block.item-total {
    color: black;
}
span.s-login-modal-main-btn-text {
    color: black;
}
h4.total-price.font-bold.text-xl.inline-block {
    color: white;
}
h3.product-entry__sub-title.text-sm.text-gray-400.leading-6.mb-2\.5 {
    color: #e3de1e;
}
h1.text-xl.md\:text-2xl.leading-10.font-bold.mb-6.text-gray-800 {
    color: white;
}


}
@media screen and (max-width:320px) {
.banner-entry {
    position: relative;
    height: 50px;
    width: 50px;
    overflow: hidden;
    border-radius: 0.375rem;
    --tw-bg-opacity: 1;
    background-color: rgba(243,244,246,var(--tw-bg-opacity));
    background-size: contan;
    background-position: center;
    background-repeat: no-repeat;
    padding: 0.7rem;
    text-align: center;
    --tw-text-opacity: 1;
    color: rgba(255,255,255,var(--tw-text-opacity));
}

}
.grid-flow-row {
    grid-auto-flow: column;
}


footer:before {
    display: block;
    width: 100%!important;
    background-color: black;
    background: url(https://www2.0zz0.com/2023/03/04/13/892074082.png);
  animation: linear infinite;
 animation-name: run;
  animation-duration: 30s;
    content: "";
    height: 3vw;
    background-size: contain;
    background-repeat: repeat-x;
    font-size: 16px;
    padding: 1px 0;
    position: relative;
    top: -25px;
}
@-webkit-keyframes run {
  0% {
    left: 0;
  }
  50% {
    left: 100%;
  }
  100% {
    left: 0;    
  }
}

footer.store-footer {
    padding: 10px;
    text-align: center;
    border-radius: 50px 20px;
     background-color: black;
    background-image: url(https://www12.0zz0.com/2023/03/04/13/724785399.png);
}
.store-footer__inner{background-color: black;
    background-image: url(https://www12.0zz0.com/2023/03/04/13/724785399.png);}