/*ticker*/
  
.stock-ticker {
    background-color: #f6c764 !important;
    font-size: 15px;
    overflow: hidden;
    user-select: none;
    --gap: 20px;
    display: flex;
    gap: var(--gap);
    color: #000;
    padding-top: .5rem;
    padding-bottom: .5rem;

  }
  
  .stock-ticker ul {
    list-style: none;
    flex-shrink: 0;
    min-width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: var(--gap);
    animation: scroll 80s linear infinite;
  }
  
  .stock-ticker:hover ul {
    animation-play-state: paused;
  }
  
  @keyframes scroll {
    to {
      transform: translateX(calc(100% - var(--gap)));
    }
  }
  
  
  .stock-ticker .company,
  .stock-ticker .price {
    font-weight: bold;
  }
  
  .stock-ticker .price {
    margin-inline: 4px;
  }
/*header*/
.top-navbar .s-search-input {
    background-color:#000;
    border: 0.01rem groove #fff;

}
.shadow-default {
    box-shadow: none
}

header .bg-white {
    background-color: #000
}

.sicon-menu:before {
    color: #fff;
    margin-right: 0;
    font-size: 20px;
    padding: 7px;
    content: "\e928";

}
.sicon-shopping-bag:before {
    color: #fff;
    font-size: 20px;
    padding: 7px;
    content: "\e906";

}

.sicon-user-circle:before {
       color: #fff;
    font-size: 20px;
    padding: 7px;
    content: "\f078";

}

.header-btn__icon {
    border-width: 0
}

.s-cart-summary-content {
    display: none
}

.rtl\:mr-4:where([dir=rtl],[dir=rtl] *) {
    margin-right: 0
}

.s-cart-summary-count {
    background-color: #f6c764;
    color #fff}

div.s-search-input-wrapper>input {
    color: #000
}

.s-search-input-wrapper>input[type=search]::placeholder {
    color: #fff
}

.s-search-icon svg {
    fill: #fff
}

.header-buttons .mx-1 {
    color: #fff
}

.header-buttons span {
    color: #fff
}

.s-search-input-wrapper input[type=search] {
    border-radius: 5px!important
}
.top-navbar {
    background: #000;
}
/*general*/
body, .bg-gray-100 {
    background-color: #fff;
}
/*slider image 2*/
.s-block--hero-slider .swiper-slide .overlay-bg:after {
    background-color: transparent !important;
}

.s-block--hero-slider .bg-cover {
    background-size: 100%;
    background-repeat: no-repeat;
    background-position-y: top;
}
@media(min-width:1px){
.s-block--hero-slider .swiper-slide {
    height: 28rem;
    background-color: #fff;
}
}

@media(min-width:480px){
    .s-block--hero-slider .swiper-slide {
        height: 34rem;
        background-color: #fff;
    }
    }

@media(min-width:600px){
    .s-block--hero-slider .swiper-slide {
        height: 37rem;
        background-color: #fff;
    }
    }

@media(min-width:700px){
    .s-block--hero-slider .swiper-slide {
        height: 48rem;
        background-color: #fff;
    }
    }
@media(min-width:800px){
    .s-block--hero-slider .swiper-slide {
        height: 53rem;
        background-color: #fff;
    }
    }

@media(min-width:900px){
    .s-block--hero-slider .swiper-slide {
        height: 58rem;
        background-color: #fff;
    }
    }


@media(min-width:1000px){
    .s-block--hero-slider .swiper-slide {
        height: 64rem;
        background-color: #fff;
    }
    }

@media(min-width:1200px){
    .s-block--hero-slider .swiper-slide {
        height: 76rem;
        background-color: #fff;
    }
    }
    
.s-slider-v-centered.fullwidth-slider .s-slider-block__title-nav button {
    display: none;
}


/* slider categories*/

salla-slider[block-title="تسوق حسب العلامة التجارية"] h2::after {
    content: "تشكيلة واسعة من الأحذية الرياضية";
    display: block;
    font-size: 15px;
    margin-top: .6rem;
    font-weight:100;
    color:#000;
}


section.s-block.s-block--categories .rounded-full {
    border-radius: 8px;
}


section.s-block.s-block--categories 
.w-16 {
    width: 5rem;
}
section.s-block.s-block--categories 
.h-16 {
    height: 5rem;
}
section.s-block.s-block--categories 
salla-slider .slide--one-sixth {
    width: max-content;
    padding-left: 2px;
    padding-right: 2px;
    
}

section.s-block.s-block--categories 
.mb-2\.5 {
    margin-bottom: 0rem;
    
}
.slide--cat-entry {
    height: 5rem;
    background-color: transparent;
    padding: 2px;
    border: none;
}

.slide--cat-entry h2 {
   display: none;
}

.slide--cat-entry img{
    border : .5px solid #000;
    border-radius : 22px;
}


/*title*/
.s-slider-block__title {
    justify-content: center;
}
.s-slider-block__title h2{
    justify-content: center;
    color: #000;
    font-weight: bolder;
}
.s-slider-block__title-right:where([dir=rtl],[dir=rtl] *) {
    padding-left: 0rem;
}
.s-slider-block__title h2:where([dir=rtl],[dir=rtl] *) {
    padding-left: 0rem;
}




/*fixeed banner*/


section.s-block.s-block--fixed-banner.wide-placeholder > .container {
    padding-left: 0px;
    padding-right: 0px;
        max-width: 100%;

}
@media (max-width: 991px) {
    section.s-block.s-block--fixed-banner.wide-placeholder .container {
        padding: 0;
    }
}
.banner--fixed img {
    background: none;
    border-radius: 0rem !important;
}

section.s-block.s-block--fixed-banner.wide-placeholder {
    margin-top: 0px;
}

/*===products===*/
.s-block__title {
    align-items: center;
    justify-content: center;
}
[dir=rtl] .s-block__title .right-side {
    padding-left: 0rem;
}
.s-block__title {
    color: #000;
}
.s-product-card-entry {
    border-radius: 5px;
    background-color: #fff;
    padding: 0px;
    border : .01rem groove #00000024;

}

.s-product-card-content-main {
    padding-right: 0.37rem;
    padding-left: 0.37rem;
}
.s-product-card-content-sub {
    padding: 0.37rem;
}
salla-button .s-button-btn{
border-radius: 0px;
background-color: #000;
color: #000;

}

salla-button .s-button-btn span.s-button-text {
    color: #fff;
}

salla-button .s-button-btn span.s-button-text:hover{
    color: #000;
}
.s-slider-block__title h2 {
    color: #000 ;
}
.s-products-list-vertical-cards {
    gap: 8px;
}
.s-button-text .sicon-shopping-bag{
    display: none;
}
.s-product-card-content-footer .s-button-btn {
    border-radius: .3rem!important;
}
.s-product-card-content {
    background: none ;
    padding-left: 1rem;
    padding-right: 1rem;
}
.s-product-card-content-main {
    padding-bottom: 0rem;
    justify-content: center;
}
.s-product-card-content-sub {
    margin-bottom: 0.50rem;
    justify-content: center;
}
.s-product-card-content-title a {
    text-align: center;
    color: #000;
    font-size: .8rem;
    /*white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis*/
}

.s-block__title {
    flex-direction: column;
}
[dir=rtl] .s-product-card-content-pie {
    display: none;
}
[dir=rtl] .s-product-card-special .s-product-card-content-main, [dir=rtl] special .s-product-card-content-sub {
    padding-left: 0rem;
}
[dir=rtl] .s-product-card-content-extra-padding {
    padding-left: 0rem;
    padding-right: 0;
}
.s-block--special-products .tabs {
    display: none;
}

[dir=rtl] .s-product-card-vertical .s-product-card-wishlist-btn {
    left: 0rem;
    
}
.s-product-card-vertical .s-product-card-wishlist-btn {
    top: 0.12rem;
}
.s-product-card-vertical .s-product-card-wishlist-btn button {
    background-color: #ffffff40 !important;
    border-radius: 0px 16px 16px 0px !important; 
    color: #00;
}
.s-product-card-price {
    color: #000;
}
.s-slider-block__title {
    justify-content: center;
}
.s-slider-block__title-right:where([dir=rtl],[dir=rtl] *) {
    padding-left: 0rem;
}
.s-slider-block__title h2:where([dir=rtl],[dir=rtl] *) {
    padding-left: 0rem;
}
salla-slider.s-products-slider-slider{
    margin-bottom: 2.5rem;
}

.s-slider-block__title {
    justify-content: center;
    display: flex;
    flex-direction: column;
}
.s-slider-block__display-all {
    color: #000;
}
.s-product-card-vertical .s-product-card-image {
    border-top-left-radius: 0rem;
    border-top-right-radius: 0rem;
    border-radius: 8px;
}
.s-product-card-image::before {
    background: #fff;
    color: #fff
}
.s-product-card-content-subtitle {
    color: #000 !important;
    text-align: center;
}
.s-product-card-content-sub {
    display: flex;
    align-items: center;
    flex-direction: column;
}
.s-product-card-promotion-title {
    background-color: #f6c764;
    display: none;
    color: #fff;
    
}
salla-button .s-button-btn:hover{
    background-color: #f6c764;
}

@media (max-width: 600px){
.s-products-slider-card {
    max-width: 190px
}
}

.s-product-card-content-main {
    padding-bottom: 0rem;
    justify-content: center;
}
.s-product-card-fit-height .s-product-card-image {
    height: 12rem;
}

/*featured products*/
.s-block--tabs-produtcs .tab-trigger.is-active button {
    border-color: #000;
    background-color: #fff;
    color: #000 !important;
}

.s-block--tabs-produtcs .tabs.hide-scroll .s-button-btn {
    border-radius: 0px;
    background-color: #fff;
    color: #000;
    border-color: #000;

}

.s-block--tabs-produtcs .tabs.hide-scroll span.s-button-text {
    color: #000;
}

/*faqs*/

.faq-header {
    font-size: 25px;
    font-weight: bolder;
    padding: 24px;
    text-align: center;
    padding-top: 40px;
    color: #000;
}
.faq-content {
  margin: 0 auto;
}

.faq-question {
  padding: 20px 6px;
  border : .01rem groove #00000024;
  background-color: #fff;
  margin: 15px;
    border-radius: 8px;
}

.panel-title {
    font-size: 15px;
    width: 100%;
    position: relative;
    margin: 0;
    padding: 2px 26px 2px 2px;
    display: block;
    cursor: pointer;
    color: #000;

}
.panel-content {
  font-size: 14px;
  padding: 0px 14px;
  margin: 0px;
  height: 0;
  overflow: hidden;
  z-index: 0;
  position: relative;
  opacity: 0;
  -webkit-transition: .4s ease;
  -moz-transition: .4s ease;
  -o-transition: .4s ease;
  transition: .4s ease;
}

.panel:checked ~ .panel-content{
  height: auto;
  opacity: 1;
  padding: 14px;
}
.plus {
position: absolute;
margin-left: 20px;
margin-top: 4px;
z-index: 5;
font-size: 42px;
line-height: 100%;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
-webkit-transition: .2s ease;
-moz-transition: .2s ease;
-o-transition: .2s ease;
transition: .2s ease;
color: #f6c764;
}
.plus {
  position: absolute;
  margin-left: 20px;
  margin-top: 0px;
  z-index: 5;
  font-size: 32px;
  line-height: 100%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-transition: .2s ease;
  -moz-transition: .2s ease;
  -o-transition: .2s ease;
  transition: .2s ease;
}

.panel:checked ~ .plus {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.panel {
  display: none;
}



/*testimonal*/
.s-reviews-testimonial__avatar {
    display: none !important;
}
.s-reviews-testimonial__text {
    text-align: center;
}
.s-reviews-testimonial__rating {
    margin-left: 0rem;
}

.s-reviews-testimonial__icon svg {
   display:none
}
.s-reviews-testimonial {
    background-color: #fff;
    border : .02rem groove #00000034;
    border-radius: 8px;   
}
.s-reviews-header-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.s-reviews-header {
    margin-right: 0rem;  
    color: #000;
}
.s-rating-stars-selected {
    fill: #f6c764;
}
section.s-block.s-block--testimonials {
    background : -moz-linear-gradient(51.03% 0.03% -91.93deg,rgba(255, 255, 255, 1) 15.94%,rgba(246, 199, 100, 1) 100%);
    background : -webkit-linear-gradient(-91.93deg, rgba(255, 255, 255, 1) 15.94%, rgba(246, 199, 100, 1) 100%);
    background : -webkit-gradient(linear,51.03% 0.03% ,47.71% 161.12% ,color-stop(0.1594,rgba(255, 255, 255, 1) ),color-stop(1,rgba(246, 199, 100, 1) ));
    background : -o-linear-gradient(-91.93deg, rgba(255, 255, 255, 1) 15.94%, rgba(246, 199, 100, 1) 100%);
    background : -ms-linear-gradient(-91.93deg, rgba(255, 255, 255, 1) 15.94%, rgba(246, 199, 100, 1) 100%);
 }

 section.s-block.s-block--testimonials .swiper.s-slider-container {
    background-image: url(https://i.postimg.cc/X7QqVz38/Artboard-20-4x.png);    
background-size: 100%;
    background-repeat: no-repeat;
    background-position: bottom;
    padding-bottom: 60px

}
@media (min-width: 1024px){
.s-block--testimonials.container {
    padding-left: 0rem;
    padding-right: 0rem;
}
.s-reviews-testimonial__name_wrapper {
    flex-direction: column;
}
.s-reviews-container .swiper-slide-active .s-reviews-testimonial:where([dir="rtl"], [dir="rtl"] *) {
    padding-left: 2rem;
    padding-right: 2rem;
}
}
/*footer*/
.index .store-footer, .product-index .store-footer {
    margin-top: 0rem;
    background-color: #000;
    color:#fff;
}

.footer-is-light .store-footer .store-footer__inner {
    background-color: #000;
    color:#fff;

}

footer.store-footer {
    border-bottom-width: 0;
    border-radius: 0px;
}

.footer-is-light .store-footer .store-footer__inner, .footer-is-dark .store-footer .store-footer__inner {
    background-color: transparent;
}

.store-footer{
background-color: #000 !important;
}


 .footer-is-light .store-footer {
     color: #fff;
 }



 @media (max-width: 900px){
    footer {
        text-align: right;
    }

.s-contacts-icon:where([dir=rtl],[dir=rtl] *) {
     margin-left: 0rem; 
}
.store-footer .md\:flex{
    display: flex;
    flex-direction: column-reverse;
}
}


.footer-is-light .store-footer .social-link {
   border: none;
}

footer .sicon-whatsapp2, footer .sicon-iphone,footer .sicon-phone, footer .sicon-mail {
    border: none;

}
.footer-is-light .store-footer .contact-social {
    border: none;
}
.store-footer .contact-social {
    border-top-width: 0px;
}
.store-footer .social-link {
    border-radius: 2px;
}
.store-footer__inner {
    border-bottom-width: 0px;
}
.copyright-text p {
     color: #fff;
}
.bg-white {
    border-radius: 2px;
}
@media (max-width: 900px){
.store-footer a div:nth-child(3)> .text-unicode:nth-child(1){
    display: none;
}

.s-social-list {
    justify-content: right;
}
}
.lg\:col-span-2.rtl\:lg\:pr-20.ltr\:lg\:pl-20 .flex{
    justify-content: right;
}
.store-footer a
.border {
    border-width: 0px;
}
.mb-6 {
    margin-top: 1.5rem;
}
.store-footer h3 {
    color: #f6c764;
}
.s-social-link a, .s-contacts-icon {
    border-radius: 5px;
    border-width: 0px;
    background-color: #fff ;
    color: #000;
}

div#contact-slot:nth-child(1) span.unicode{
    font-size: 0px;
}

div#contact-slot:nth-child(1) span.unicode::after{
    font-size: .875rem;
    content: "";
    text-align: right;

}

div#contact-slot:nth-child(2) span.unicode{
    font-size: 0px;
}

div#contact-slot:nth-child(2) span.unicode::after{
    font-size: .875rem;
    content: "";
    text-align: right;
}

div#contact-slot:nth-child(3) span.unicode{
    font-size: 0px;
}

div#contact-slot:nth-child(3) span.unicode::after{
    font-size: .875rem;
    content: "";
    text-align: right;
}

div#contact-slot:nth-child(4) span.unicode{
    font-size: 0px;
}

div#contact-slot:nth-child(4) span.unicode::after{
    font-size: .875rem;
    content: "";
    text-align: right;
}
.s-contacts-list-vertical {
    flex-direction: row;
}
div#contact-slot span.unicode {
margin-top: 10px;
}


.s-contacts-icon svg {
    height: 1.2rem;
    width: 1.2rem;
}
 
.s-social-link a svg {
    height: 1.2rem;
    width: 1.2rem;
}
.copyright-text p {
    color: #fff;
    display: flex;
    margin-top: .75rem;
}
.s-payments-list-item {
    border-radius: 5px;
}
.copyright-text .mb-2\.5 {
    margin-bottom: .25rem;
}
span.dev-link A{
    margin-left: .2rem
}
.s-payments-list {
    width: 68%;
}
span.dev-link {
    display: inline-flex;
     font-size: 9px;
     margin: 0 0px;
     margin-top: px;
     margin-left: 0;
     color: #fff;
     opacity: 1;
     flex-direction: row-reverse;
 }
 .s-apps-icons-list {
    justify-content: center;
}

.lg\:col-span-2.rtl\:lg\:pl-20.ltr\:lg\:pr-20 .hidden {
    display: flex;
}

.footer-is-light .store-footer .contact-social .s-social-list
{
    display: none;
}
.store-footer__inner {
 padding-bottom: 0rem; 
}
.store-footer .contact-social {
    margin-top: 0rem;
    border-top-width: 0px;
    padding-top: 0rem;
}

.s-payments-list-item {
    border-radius: 0px;
}

@media (max-width: 991px) {
    a.flex.items-center.m-0 {
        padding-right: 80px;
    background-image: url(https://cdn.salla.sa/BVOdl/Zr1CSxbJZfgq6vlT6WBNtEyh0USf6AaPWXN4KZbl.png);
        background-size: 40%;
        background-repeat: no-repeat;
        background-position: right;
        padding-left: 0px;
        padding-top: 10px;
        padding-bottom: 0px;
    }
    
    a.flex.items-center.m-0 > h3{
        visibility: hidden;
    }
    }
/*menu*/

.main-menu>li>a[href*=offer] {
    color: #f6c764;
}
@media only screen and (min-width: 1024px) {
    .main-menu li.root-level {
        color: #fff;
    }

.main-menu ul {
    background: #000;
}
}



body:after {
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    position: fixed;
    z-index: 999999;
    background-image: url(https://cdn.salla.sa/BVOdl/Zr1CSxbJZfgq6vlT6WBNtEyh0USf6AaPWXN4KZbl.png);
    left: 0;
    background-color: #ffffff40;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 160px;
    transform:scale(0);
    animation-name: pupup_logo;
    animation-duration: 3s;
    backdrop-filter: blur(20px);
}


@keyframes pupup_logo{
    0% {
transform:scale(0);
    }    
    18% {
transform:scale(1);
    }    
    75% {
transform:scale(1);
    }
   95% {
transform:scale(0);
    }
       100% {
transform:scale(0);
    }}