/*header*/
header .bg-white {
    background: #fafafa;
        box-shadow: none;
    }
   
    .header-btn__icon.icon:where([dir="rtl"], [dir="rtl"] *) {
        margin-left: 0px;
    }
    .sicon-menu:before {
        color: #722eb6;
        margin-right: 0;
        font-size: 20px;
        padding: 7px;
        content: "\e928";
    
    }
    .sicon-shopping-bag:before {
        color: #722eb6;
        font-size: 20px;
        padding: 7px;
        content: "\e906";
    
    }
    
    .sicon-user-circle:before {
           color: #722eb6;
        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: #722eb6;
        color: #fafafa;
    }
    
    
    /*general*/
    body, .bg-gray-100 {
        background-color: #fafafa;
    }
    
    
    
    
    /*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:first-of-type {
        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: #371658;
    text-align:center;
}

.s-product-card-vertical .s-product-card-image {
    border-top-left-radius: .51rem;
    border-top-right-radius: .51rem;
    border-bottom-left-radius: .51rem;
    border-bottom-right-radius: .51rem;
    max-height: 15rem;
    min-height: 15rem;
}

[dir=rtl] .s-block__title .right-side {
    padding-left: 0rem;
}

.s-product-card-entry {
    border-radius: 5px;
    background-color: #fff;
    padding: 0px;
    border : .01rem groove #37165820;

}

.s-product-card-content-main {
    padding-right: 10px;
    padding-left: 10px;
}
.s-product-card-content-sub {
    padding: 0.37rem;
}
.s-product-card-entry salla-button .s-button-btn{
    border-radius: 0px;
    background-color: #371658;
    color: #ffff;
    border-width: .5px;
}
.s-product-card-entry salla-button .s-button-btn:hover{
    border-radius: 10px;
    background-color: #fff;
    border-width: .5px;
}

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

.s-product-card-entry salla-button .s-button-btn span.s-button-text:hover{
    color: #371658;
}
.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: .4rem;
    padding-right: .4rem;
}
.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: #371658;
    font-size: .8rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis

}

.s-block__title {
    flex-direction: column;
}


[dir=rtl] .s-product-card-content-extra-padding {
    padding-left: 0rem;
    padding-right: 0;
}
.s-product-card-vertical .s-product-card-wishlist-btn button {
  display:none;
}
.s-product-card-price {
    color: #371658;
}
.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;
}
.s-product-card-image::before {
    background: #fff;
    color: #fff
}
.s-product-card-content-subtitle {
    color: #371658 !important;
    text-align: center;
    margin-bottom: 0.15rem;
    font-size: 12px;
}

.s-product-card-content-sub {
    display: flex;
    align-items: center;
    flex-direction: column;
}
.s-product-card-promotion-title {
    background-color: #722eb6;
    color: #fff;
    
}

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

.s-comments-product {
    background-color: #fff;
}

.s-block__display-all {
    margin-top: .6rem;
}


/*categories*/

.banner-entry{
background-color: #fafafa;
}

.s-block.s-block--banners > .grid {
    grid-template-columns:  1fr 1fr 1fr;
    
}

.s-block.s-block--banners > .grid .banner-entry {
    padding-top: 0%;
}
.s-block.s-block--banners > .grid .banner-entry {
    height: 180px;
    border-radius: 5px;
}

.two-row .banner-entry:first-child {
    grid-column: auto;
    grid-row: auto;
}

.s-block.s-block--banners > .grid .banner-entry {
    height: 170px;
}

@media (max-width: 2001px) {
    .s-block.s-block--banners > .grid {
        grid-template-columns: 1fr 1fr 1fr !important ;
    
    }

}
/*categories responsive*/
/*phones screen*/
@media (min-width: 60px) and (max-width:500px){
    .s-block.s-block--banners > .grid .banner-entry {
       height: 155px;
    }
}
/*ipad air, ipad mini screen*/
@media (min-width:500px) and (max-width:700px) {
.s-block.s-block--banners > .grid .banner-entry {
    height: 205px;

}
}
@media (min-width:700px) and (max-width:900px) {
.s-block.s-block--banners > .grid .banner-entry {
    height: 305px;

}
}
/*ipad pro and laptop screen*/
@media  (min-width: 900px) {
.s-block.s-block--banners > .grid .banner-entry {
    height: 405px;
}
}

@media  (min-width: 1200px) {
    .s-block.s-block--banners > .grid .banner-entry {
        height: 465px;
    }
    }
    
section.s-block.s-block--banners.container {}
.s-block.s-block--best-offers{
    margin-bottom: 2rem;
    margin-top: 2rem;
}

/*=====slider product with bg=====*/
.s-block--slider-with-bg .slider-bg {
    background-size: contain;
    background-position: top;
    background-color: #d2e6e5;
    background-repeat: no-repeat;
 height: 14rem;

}

.s-block--slider-with-bg .slider-bg:before {
    background: none;
}
.s-block--slider-with-bg {
    background-color: #d2e6e5;
    margin-top: 0px;
}
.s-block--slider-with-bg .s-slider-block__display-all {
    display: none;
}

/*tabs*/
.s-block--tabs-produtcs .tab-trigger.is-active button {
    background-color : #007c7798;
    border: 1px solid #007c77;
    coloe: #d3fcd5;
}

.s-block--tabs-produtcs .s-button-btn {
    border-radius: 0rem;
}

.s-block--tabs-produtcs .tab-trigger button {
    background-color : #007c77;
    border: 1px solid #007c77;
    color: #d3fcd5 !important;
    min-width: 120px;
    max-width: 120px;
}


/*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: #e2d2ff40;
    border : .02rem groove #37165860;
    border-radius: 10px;   
}
.s-reviews-header-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 1rem;
}
.s-reviews-header {
    margin-right: 0rem;  
    color: #371658;
}
.s-rating-stars-selected {
    fill: #d65780;
}

@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;
}
}
.s-reviews-testimonial__info{
    color: #371658;
}



/*footer*/
.index .store-footer, .product-index .store-footer {
    background-image: url(https://cdn.salla.sa/form-builder/pZiK31rShgtsabg6X7EkBBUyqetNBhzT9hMcLUrz.webp);
    background-size:cover;
    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;
 color:#fff;
}

.store-footer{
 background-image: url(https://cdn.salla.sa/form-builder/pZiK31rShgtsabg6X7EkBBUyqetNBhzT9hMcLUrz.webp);
    background-size:cover;
    color:#fff;
}


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



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

.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: #fff;
}
.s-social-link a, .s-contacts-icon {
    border-radius: 5px;
    border-width: 0px;
    background-color: #fff ;
    color: #371658;
}

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
}

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: 2px;
}

@media (max-width: 991px) {
    a.flex.items-center.m-0:before {
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        content: "";
        background-image: url(https://cdn.salla.sa/form-builder/GJawuVcyigR9GG78NCM6fQJdSo2x2U0YkMoMqZya.png);
        width: 196px !important;
        height: 126px !important;
        display: flex;
        margin: auto;
        justify-content:centerك

    }
    
    a.flex.items-center.m-0 > h3{
     display:none;
    }
    }
    .hidden.lg\:block {
        justify-content: center !important;
    }
    .s-contacts-list-vertical {
        justify-content: center;
    }

.lg\:col-span-2 .store-footer a:hover {
    opacity: 1;
}
.store-footer .flex.rtl\:space-x-reverse.space-x-2.items-end {
    justify-content: center;
}


/*faqs*/

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

.faq-question {
  padding: 20px 6px;
  border : .01rem groove #722eb6;
  background-color: #e2d2ff30;
  margin: 15px;
    border-radius: 5px;
    
}

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

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

}

.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: #722eb6;
}
.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;
}


    /**new logo**/

    @media (max-width:1023px) {
        header.store-header .main-nav-container .flex.items-center img{
        display: none;
        }
        }
    
    
     @media (min-width:1023px) {
        .new-logo {
            display: none;
        }
     }