/* Add custom CSS styles below */

.carousel-slider .swiper {

padding: 0px !important;

}

salla-slider.photos-slider .swiper-slide {

width: 95%;

}

[dir=rtl] .mm-spn.mm-spn--navbar.mm-spn--main:after {

text-align: revert;

}

.banner--fixed img {

background-color: #f9fafb;

}

@media (max-width: 768px) {

.store-footer a {

justify-content: center;

flex-direction: column;

}

.store-footer .contact-social ul{

justify-content: center;

}

.store-footer__inner {

text-align: center;

}

.store-footer a.mb-4.last\:mb-0.flex.items-center.text-sm.leading-none i {

margin-bottom: 10px;

}

}

.index::before {

content: " ";

background-color: #fff;

position: fixed;

top: 0;

left: 0;

width: 0%;

height: 100%;

z-index: 9998;

opacity:0;

animation:intro 2s;

}

.index:after {

z-index: 9999;

position: fixed;

content: "";

background-image: url('https://cdn.salla.sa/RVZNx/aYOsczzC0p0vfqadWSZ0TE9riRADDpt5g76ceitg.png') !important;

background-position: center;

background-size: 200px;

background-repeat: no-repeat;

width: 0px;

transform: translate(100px, -100px);

height: 200px;

right: 50%;

top: 50%;

opacity:0;

visibility: visible !important;

background-color: transparent !important;

animation:intro_logo 1.5s;

}

@keyframes intro {

0% {

width:100%;

opacity: 1;

}

40% {

opacity: 1;

}

80% {

opacity: 1;

}

99%{

width:100%;

}

100% {

width:0;

opacity: 0;

display:none;

}

}

@keyframes intro_logo {

0% {

width:200px;

opacity: 0.8;

}

50%{

opacity: 0.9;

}

70% {

opacity: 1;

}

80% {

opacity: 1;

}

99%{

width:200px;

}

100% {

width:0;

opacity: 0;

display:none;

}

}

div.swiper-slide > a > img.w-full.object-contain.rounded-md {

/* box-shadow: rgba(0,0,0,0.15)0px 5px 15px 0px; */

box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;

}


.brands-nav {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  visibility: hidden;
  margin: -100px 0 -100px 0;
}

.first\:pt-16:first-child {
  padding-top: 1.5rem;
}

.mb-10 {
  margin-bottom: 1rem;
}

.pt-24 {
  padding-top: 1.5rem;
}

.brand-char {
  background-color: #5c9fd4;
  color: black;
}

@media (min-width: 900px){
.pt-2 {
  padding-top: 0.5rem;
  padding-bottom: 3rem;
}
}

.navbar-brand img {
  max-height: 5rem;
  width: auto;
  max-width: 120px;
}

/*   فتحات السقف     */
.s-product-options-thumbnails-wrapper {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-gap: 0.75rem;
  gap: 0.75rem;
}

@media (min-width: 768px) {
  .s-product-options-thumbnails-wrapper label {
    height: auto;
  }
}
/*   فتحات السقف     */