/* Add custom CSS styles below */
  .top-nav .topnav-link-item i{
  color: #414042;
  }
    salla-slider.photos-slider .swiper-slide {
        margin-left: 1rem;
        margin-right: 1rem;
        width: 100%;
        }
 salla-slider.photos-slider .swiper:where([dir=rtl],[dir=rtl] *) {
    padding-left: 1px;
 }
    
  .s-block {
    margin-top: 2.5rem;
}

.lg\:block {
  box-shadow: 0 0 5px rgba(0, 0, 0, .1);
  }
  
div#progress-scroll{
    right: unset;
    left: 2.5rem;
    color: #808080;
    background: #ffff;
}
.mainmenu--default .main-menu {
    text-align: center;
   justify-content: center;
            }
.main-menu>li>a[href*=offer]{
        padding-bottom: 1rem;
        padding-top: 1rem;
        border-radius: 5px;
        color: #fff;
        background-color: #e2211b;
}
.main-menu li.root-level>a {
        padding-top: 0.5rem !important;
        padding-bottom: 0.7rem !important;
}
   .lg\:grid-cols-12 {
        grid-template-columns: repeat(6, minmax(0, 1fr));
    }
  .product-entry__title:hover {
    color: #006847;
    }
    .btn--add-to-cart button:hover{
    color: white;
    background: #006847;
    }
  button.btn--main, .btn--add-to-cart button {
     background: #8f7cfc !important;
     border-radius: 6px;
     border-bottom: solid 1px;
     border-color: unset;
        }
    button.btn--main.btn--main-mini{
    color: #fff;
    }
  button.btn--main:hover, .btn--add-to-cart button:hover{
  color: #ffff;
    background: #006847 !important;
  }
 button.btn--main.btn--main-mini .btn--arrow span, button.btn--main.btn--main-mini .btn--arrow:before, button.btn--main.btn--main-mini .btn--arrow:after {
    background-color: #ffff;
}
  .product-single .s-add-product-button-main salla-mini-checkout-widget {
   background-color: #006847 !important;
}
.s-quantity-input-button:hover{
fill: #414042 !important;
}

@media (max-width: 767px) {
.css-lrlg9a{
bottom: 72px
}
 .salla-slider .slide--one-sex{
   width: 21% !important;
        }
    .banner-entry__text h3 {
        border: solid 2px  white !important;
        padding: 2px !important;
        border-radius: 10px;
        }
}

@media (max-width: 420px) {
.has-zoom-transition img.lazy.loaded{
height: 127px !important;
}
}
salla-slider .slide--one-sex{
        width: 13.666667%;
    }
  .product-entry__content.grow:before {
background:url(https://cdn.salla.sa/PdyXyV/xSeT6qIGrjLmvao9OfJmn4f61JGzx5eXGzlJN4tF.jpg);
        content: '';
        width: 100%;
        height: 42px;
        background-size: contain;
        background-repeat: no-repeat;
        display: block;
        text-align: center;
        background-position: center;
}
.product-tabs .tabs a.is-active {
    background: #006847;
    color: #fff;
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
}
.s-block--tabs .quicklinks-item.is-active{
    background: #8F7CF9;
    padding: 9px;
    border-radius: 6px;
    color:#ffff !important;
}

body .lg\:text-end:where([dir=rtl],[dir=rtl] *){
text-align: center;
}
 .product-single .addtocart-bar .s-button-btn {
        background: #8F7CF9;
        color: white;
        border-radius: 5px;
    }
        
  .normal-price{
      font-weight: 800;
  }
  
  .product-entry--sale .sale-price{
     color: #000000;
    font-weight: 800;
  }
  
  .regular-price{
  color: red;
  font-weight: 700;
  opacity: unset !important;
  }
  
.brand-item {
    height: 11rem !important;
    background-color: #fff;
    border-width: 5px;
    border-color: #f3f4f6;
    border-radius: 6px;
    }
.index .brand-item>a {
    padding-left: 1rem;
    padding-right: 1rem;
}
.index .brand-item:nth-child(5)>a {
    padding-left: 1rem;
    padding-right: 1rem;
}
.index .brand-item:nth-child(6)>a{
   padding-left: 1rem;
    padding-right: 1rem;
} 
.brand-item:before{
 content: '';
  z-index: -2;
  text-align: center;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) rotate(0deg);
  position: absolute;
	width: 99999px;
	height: 99999px;
	background-repeat: no-repeat;
	background-position: 0 0;
  /*border color, change middle color*/
	background-image: conic-gradient(rgba(0,0,0,0), #8f7cfc, rgba(0,0,0,0) 25%);
  /* change speed here */
	animation: rotate 4s linear infinite;
	}
	
	.brand-item:after {
   
    content: '';
    position: absolute;
    z-index: -1;
    left: 5px;
    top: 5px;
    width: calc(100% - 10px);
    height: calc(100% - 10px);
    background: #292a2e;
    background-color: #fff;
    border-radius: 7px;
}
@keyframes rotate {
	100% {
		transform: translate(-50%, -50%) rotate(1turn);
	}
}
.has-zoom-transition img.lazy.loaded{
height: 142px;
}
.salla-slider .slide--one-eighth {
        width: 13.666667%;
    }
  
  .banner-entry img{
  width: 100%;
  }
  .banner-entry__text{
  bottom: 20px;
  }
  .banner-entry a {
 flex-direction: revert-layer;
     }
     
  img.lazy.w-full.object-cover.loaded {
    object-fit: contain;
    padding: 22px;
}

.banner-entry:hover img {
transform:unset;
    /* transform: scale3d(1.05, 1.05, 1); */
}
.banner-entry img {
    height: 85%;
    }
  .banners-grid--3 .banner-entry a {
       background: ;
}
    .banner-entry__text h3 {
        border-radius: 10px;
        border: solid 2px whitesmoke;
        padding: 8px;
        }
  .text-primary{
    color: #006847;
  }
  img.\!max-h-12.lg\:max-h-24 {
   max-height: 9rem !important;
}

a.quicklinks-item:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.4);
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
}
a.quicklinks-item:hover:after {
    width: 120%;
    background-color: rgba(255, 255, 255, 0);
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.text-gray-400 {
    color: #006847;
}
.hover\:text-primary:hover {
    color: #8f7cfc;
}
.opacity-70 {
    opacity: .9;
    color: #006847;
    font-weight: 600;
}
.sm\:py-8 {
  border-bottom: solid 3px #006847;
  border-radius: 30px;
 }
 .sm\:gap-8 {
  text-align: center;
 }
 
 .s-button-primary{
   background: #8f7cfc;
  color: #fff;
   border-radius: 10px;
 }
 .s-button-primary:hover {
   background: #006847;
}
span.image--aspect-ratio.bg-gray-100.overflow-hidden.mb-10.rounded {
  padding-bottom: 44%;
}
.add-to-cart-conatiner salla-button:not([loading]) .s-button-disabled{
background-color: #d1d5db !important;
}
.btn--primary{
    background: #8f7cfc !important;
    color: #ffff !important;
    }
.s-add-product-button-mini-checkout-content:where([dir=rtl],[dir=rtl] *){
color: #ffff !important;
}
.mainmenu--default .main-menu li li>a {
        background: #8f7cfc;
        color: #fff;
        border: solid 1px;
}
    .s-block--marquee {
        background-color: #5a51fc !important;
    }