/* Add custom CSS styles below */ 
.navbar-brand img {

max-height: 3.4rem;

width: auto;

animation: pulse 1s infinite;

}

.store-header::before {

content: '';

background: url("https://c.top4top.io/p_3263dpaix1.png");

background-position-x: 0%;

background-position-y: 0%;

background-size: auto;

background-repeat-y: no-repeat;

background-position-x: 0;

animation: Movecrosswise 5s linear alternate both infinite;

background-size: contain;

height: 40px;

display: block;

background-color:#122c51;

background-position: center;

-bottom: 16px;

z-index: 9999999999999999;

}

@keyframes Movecrosswise {

0% {

background-position-x: 0%;

}

100% {

background-position-x: 100%;

}

}

.app-inner{

background-color:#2e93a8;

}

.topnav-link-item.right-side:first-child:where([dir="rtl"], [dir="rtl"] *) {

padding-right: 0px;

color:#122c51;

text-shadow:#122c51 0px 5px 15px;

}

.topnav-link-item:last-child:where([dir="rtl"], [dir="rtl"] *) {

border-width: 0px;

padding-left: 0px;

color:#122c51 ;

text-shadow:#122c51 0px 5px 15px;

}

.s-contacts-topnav-link:last-child:where([dir="rtl"], [dir="rtl"] *) {

border-width: 0px;

padding-left: 0px;

color:#122c51;

text-shadow:#122c51 0px 5px 15px;

}

.top-navbar .s-search-input {

border-style: none;

background-color: white;

}

.bg-inherit {

background-color: inherit;

background-color:#2e93a8;

}

@media only screen and (min-width: 1024px) {

.main-menu li > a {

font-size: 0.875rem;

line-height: 1.25rem;

color: black;

text-shadow:black 0px 5px 15px;


}

}

[class*=" sicon-"], [class^="sicon-"] {

font-family: sallaicons !important;

speak: never;

font-style: normal;

font-weight: 400;

font-variant: normal;

text-transform: none;

line-height: 1;

-webkit-font-smoothing: antialiased;

-moz-osx-font-smoothing: grayscale;

border: none;

color: black;

text-shadow:black0px 5px 15px;


}

.s-cart-summary-total {

font-weight: 600;

--tw-text-opacity: 1;

color: rgb(0, 0, 0);

color:black;

text-shadow:black 0px 5px 15px;


}

.s-search-input-wrapper input {

box-shadow:#122c51 0px 5px 15px;


}

@media (min-width: 1024px) {

.top-navbar {

padding-top: 0.375rem;

padding-bottom: 0.375rem;

background-color: white;


}

}


.banner--fixed img {

display: block;

width: 100%;

border-radius: 0.375rem;

border-style: none;

--tw-bg-opacity: 1;

background-color: rgb(243, 244, 246);

background-color: rgba(243, 244, 246, var(--tw-bg-opacity));

-o-object-fit: cover;

object-fit: cover;

background-color:#2e93a8;


}

.banner-entry {

position: relative;

height: 400px;

overflow: hidden;

border-radius: 0.375rem;

--tw-bg-opacity: 1;

background-color:#2e93a8;

background-size: cover;

background-position: center;

background-repeat: no-repeat;

padding: 0.75rem;

text-align: center;

--tw-text-opacity: 1;

color: rgba(255, 255, 255, 1);

color: rgba(255, 255, 255, var(--tw-text-opacity));

border-radius:12%;



}

.banner-entry:hover {

transform: translateY(-5px);

box-shadow: 0 4px 12px #122c51;

}

.banner--fixed img:hover {

transform: translateY(-5px);

box-shadow: 0 4px 12px #122c51;

}

.swiper-wrapper > div {

flex-shrink: 0;

padding-left: 5px;

padding-right: 5px;

transition: transform 0.3s ease, box-shadow 0.3s ease;

}


.swiper-wrapper > div:hover {

transform: translateY(-5px);

box-shadow: 0 4px 12px #122c51;

}

.s-button-btn, .s-price-range-number-input {

border-radius: .75rem;

background-color: white;

color:black;

}

.footer-is-light .store-footer .store-footer__inner {

--tw-border-opacity: 1;

border-bottom-color: rgba(229, 231, 235, 1);

border-bottom-color: rgba(229, 231, 235, var(--tw-border-opacity));

--tw-bg-opacity: 1;

background-color: rgba(243, 244, 246, 1);

background-color: #2e93a8;

border-radius:9%;

}

.store-footer {

padding: 30px;

font-size: 14px;

border-top-left-radius: 125px;

border-top-right-radius: 125px;

text-align: center;

box-shadow: 0 4px 8px 0 #122c51, 0 6px 20px 0 #122c51);

}

.py-4 {

box-shadow:#122c51 0px 5px 15px;

background-color:#2e93a8;

padding-top: 1rem;

padding-bottom: 1rem;

}

.footer-is-light .store-footer {

--tw-bg-opacity: 1;

background-color: rgba(249, 250, 251, 1);

background-color:#2e93a8;

--tw-text-opacity: 1;

color: rgba(55, 65, 81, 1);

color: rgba(55, 65, 81, var(--tw-text-opacity));

box-shadow:#122c51 0px 5px 15px;

}

:root {

--font-main: 'DINNextLTArabic-Regular';

--color-primary: black;

--color-primary-dark: #002330;

--color-primary-light: #266f7c;

--color-primary-reverse: white;

}


body:after {

content: '';

width: 100%;

height: 100%;

top: 0;

position: fixed;

z-index: 999999;

background: linear-gradient(135deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0));

backdrop-filter: blur(10px);

-webkit-backdrop-filter: blur(10px);

background:

url(https://cdn.salla.sa/cdn-cgi/image/fit=scale-down,width=400,height=400,onerror=redirect,format=auto/lGpKNx/lJXqbOqNcxDIkXqdAKOiv1V4hhZTQSIDcmmoUxUA.png);

left: 0;

background-repeat: no-repeat;

background-position: center;

background-size: 360px;

animation-name: fade-in;

animation-duration: 2.5s;

transform: scale(0);

border: none;

}

@keyframes fade-in {

0% {

opacity: 1;

transform: scale(1);

}


75% {

opacity: 1;

transform: scale(1);

}


100% {

opacity: 0;

transform: scale(.1);

}

}

@media(min-width: 640px){

salla-slider[type]:not(.hydrated) > div > div, salla-slider[type]:not(.hydrated) .swiper > div > div > div, .carousel-slider .swiper-wrapper > div{

padding-left:0.625rem;

padding-right:0.625rem;

border-radius:5%;

}

}

@media (min-width: 1024px) {

.store-footer h3 {

margin-bottom: 1.25rem;

color:black;

text-shadow: 0 4px 12px black;

}

}

.leading-6 {

line-height: 1.5rem;

color:black;

text-shadow: 0 4px 12px black;

}

.store-footer a {

transition-property: opacity;

transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

transition-duration: 150ms;

color:black;

text-shadow: 0 4px 12px black;

border: none;

}

.copyright-text p {

--tw-text-opacity: 1;

color: rgba(55, 65, 81, 1);

color:black;

text-shadow: 0 4px 12px black;


}

.s-contacts-icon {

display: flex;

height: 2rem;

width: 2rem;

flex-shrink: 0;

align-items: center;

justify-content: center;

border-radius: 9999px;

border-width: 1px;

border: none;

}

.unicode {

unicode-bidi: plaintext;

color:black;

text-shadow: 0 4px 12px black;


}

@media only screen and (min-width: 1024px) {

.main-menu li > a:hover {

color: black;

text-decoration-line: none;

text-shadow: 0 4px 12px black;


}

}

.footer-is-light .store-footer .store-footer__inner::before {

text-align: center;

content: "";

display: block;

height: 140px;

width: 140px;

border-radius: 10px 40px;

margin: auto auto 20px;

background-image: url(https://cdn.salla.sa/cdn-cgi/image/fit=scale-down,width=400,height=400,onerror=redirect,format=auto/lGpKNx/lJXqbOqNcxDIkXqdAKOiv1V4hhZTQSIDcmmoUxUA.png);

background-repeat: no-repeat;

background-size: contain;

background-position: center;

border-width: 0px;

max-height: 3.4rem;

width: auto;

animation: pulse 1s infinite;

}

section {

opacity: 0;

transform: translateY(50px); /* Slide up effect */

transition: opacity 1s ease, transform 1s ease;

}


section.visible {

opacity: 1;

transform: translateY(0);

}

button.undefined.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline.s-button-loader-center {

width: 67px;

color: black;

transition: width 500ms ease 0s;

border-color:black;

}


button.undefined.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline.s-button-loader-center:hover {

width: 200px;

color:black;

border-color:black;

}

.s-slider-block__title h2 {

position: relative;

font-size: 1.125rem;

line-height: 1.75rem;

font-weight: 700;

line-height: 1.2;

color:black;

text-shadow: 0 4px 12px black;


}

.s-product-card-content-title a{

color:black;



}

.s-product-card-price{

color:black;



}


/* Adjustments for mobile screens */

@media (max-width: 768px) {

.navbar-brand img {

max-height: 2.5rem; /* Reduce image size for smaller screens */

}


.store-header::before {

height: 30px; /* Adjust height for mobile */

background-size: cover; /* Cover to make it responsive */

animation: MovecrosswiseMobile 3s linear alternate both infinite;

}


@keyframes MovecrosswiseMobile {

0% {

background-position-x: 0%;

}

100% {

background-position-x: 100%;

}

}

}

*, ::before, ::after {

color:black;

--tw-border-spacing-x: 0;

--tw-border-spacing-y: 0;

--tw-translate-x: 0;

--tw-translate-y: 0;

--tw-rotate: 0;

--tw-skew-x: 0;

--tw-skew-y: 0;

--tw-scale-x: 1;

--tw-scale-y: 1;

--tw-pan-x: ;

--tw-pan-y: ;

--tw-pinch-zoom: ;

--tw-scroll-snap-strictness: proximity;

--tw-gradient-from-position: ;

--tw-gradient-via-position: ;

--tw-gradient-to-position: ;

--tw-ordinal: ;

--tw-slashed-zero: ;

--tw-numeric-figure: ;

--tw-numeric-spacing: ;

--tw-numeric-fraction: ;

--tw-ring-inset: ;

--tw-ring-offset-width: 0px;

--tw-ring-offset-color: #fff;

--tw-ring-color: rgba(59, 130, 246, 0.5);

--tw-ring-offset-shadow: 0 0 rgba(0, 0, 0, 0);

--tw-ring-shadow: 0 0 rgba(0, 0, 0, 0);

--tw-shadow: 0 0 rgba(0, 0, 0, 0);

--tw-shadow-colored: 0 0 rgba(0, 0, 0, 0);

--tw-blur: ;

--tw-brightness: ;

--tw-contrast: ;

--tw-grayscale: ;

--tw-hue-rotate: ;

--tw-invert: ;

--tw-saturate: ;

--tw-sepia: ;

--tw-drop-shadow: ;

--tw-backdrop-blur: ;

--tw-backdrop-brightness: ;

--tw-backdrop-contrast: ;

--tw-backdrop-grayscale: ;

--tw-backdrop-hue-rotate: ;

--tw-backdrop-invert: ;

--tw-backdrop-opacity: ;

--tw-backdrop-saturate: ;

--tw-backdrop-sepia: ;

--tw-contain-size: ;

--tw-contain-layout: ;

--tw-contain-paint: ;

Show all properties (1 more)

}

.s-button-element:not(:disabled):not([loading]){

background-color:#2e93a8;

}


.s-product-card-content{

background-color:#2e93a896;

}

@media only screen and (max-width: 1024px) {

.mm-spn.mm-spn--light {

color:black;

background:#2e93a8;

}

}

.navbar-brand img {

max-height: 5.4rem;

width: auto;

animation: pulse 1s infinite;

}

.footer-is-light .store-footer .store-footer__inner::before{

max-height: 5.4rem;


}









body.dark {
    --color-primary-light: #ebd2ae;
    --color-primary-reverse: #eee;
    --f-h: white;
    --1: #000;
    --2: #000;
    
    .s-block,section#featured-products-style2-2,body.index, body.product-index, body.page-single {
    background-color: black;
    background-image: url(https://media.zid.store/20a7d76d-e85b-4fd1-a39e-a3a3fbd21fee/69a59cc3-4373-4d78-916d-d8638efa6f35.svg);
    background-size: 1500px;
    background-repeat: repeat;
}

.swiper-slide {
filter: drop-shadow(1px 0px 1px rgb(255, 255, 255));
}
    footer.store-footer * {
  color: black;
  text-align: center;
} 

.store-footer__inner {
  background: linear-gradient(90deg, #000 0%, #141414 100%) !important;
  color: black;
}
p.text-gray-400.mb-2\.5.md\:mb-0 {
  color:black !important;
}


@media only screen and (max-width: 1024px) {
  .mm-spn.mm-spn--light {
    color: black;
    background: #000;
  }
    .mm-spn.mm-spn--light * {
        color: black;
    }
.mm-spn.mm-spn--navbar.mm-spn--main::after {
  padding-right: .75rem;
  content: "";
  text-align: center !important;
  display: block;
  height: 150px !important;
  background-image: var(--logo);
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: top center !important;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0;
  background-color: #000 !important;

}}

.s-menu-topnav-item {

  color:black !important;
}
.breadcrumbs * {
color:black
}
#page-main-title {
color:black
}
.product-single .main-content * {
color:black;
  background-color: #000 !important;
}
.s-comments {
color:black;
  background-color: #000 !important;
}
/* to change background color*/
.flex-col {

    background: #000 !important;
}

.banner-entry  {
  background: #000!important;
}
.banner--fixed img {
  background: #000!important;
}
body {
  font-size: 15px;
  font-weight: 400;
  line-height: 26px;
  color: black;
}
.s-button-primary {
  border-width: 1px;
  border-color: #414042;
  border-color: var(--color-primary);
  background-color: #414042;
  background-color: var(--color-primary);
  color:black;
}
.total-price {
color:black;
}
.main-content .flex.items-center{
color:black;
}
.text-unicode{
color:black;
}
.s-product-card-price {
color:black;
}

.product__description .ql-direction-rtl{
color:black;
}
.product__description span {
color:black !important;
}


 p {
    margin: 0;
    text-shadow: 0 4px 12px black;

}
.topnav-link-item:where([dir="rtl"], [dir="rtl"] *) {
    border-left-width: 1px;
    color: black;
    text-shadow: black 0px 5px 15px;
}
.items-center {
    align-items: center;
    color: black;
        text-shadow: black 0px 5px 15px;

}
.sicon-barcode:before {
    content: "\e98b";
    color: black;
}
.text-unicode{
color:black;
        text-shadow: black 0px 5px 15px;

}
button, input, optgroup, select, textarea {
    font-family: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    font-size: 100%;
    font-weight: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    /* color: inherit; */
    margin: 0;
    padding: 0;
    color: black;
}
.text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
    color: black;
}