#app > div.app-inner.flex.flex-col.min-h-full > footer > div > div > div.footer-middle.footer-container.flex.align-center.flex-col.md\:flex-row.da-brdr.md\:gap-4 > div:nth-child(3) > div > a:nth-child(1){
    display:none;
}
#app > div.app-inner.flex.flex-col.min-h-full > footer > div > div > div.footer-middle.footer-container.flex.align-center.flex-col.md\:flex-row.da-brdr.md\:gap-4 > div:nth-child(3) > div > a:nth-child(2){
    display:none;
}
.testimonial__avatar>img {
    content: url(https://cdn3d.iconscout.com/3d/premium/thumb/arab-man-avatar-11044052-8842456.png?f=webp);
    background-color: #152242
}
#tabbyPromoWrapper{
       display:none;
}
#slider-with-bg-4 > div.s-slider-block__title > div.s-slider-block__title-right > h2{
     color: #ffffff
}
div.main-content.mob\:container.w-full.md\:w-1\/2.md\:pb-16 > div.price.my-1 > div > h4 {
    font-size: 18px;
    color: #7fff9b
}
#wa-angel > a > i{
     color: #ffffff
}
#div.s-installment-emkan-wrapper > div > span{
     color: #ffffff
}
s-installment-emkan-content-text{
     color: #ffffff
}
#div.main-content.mob\:container.w-full.md\:w-1\/2.md\:pb-16 > form > salla-installment > div.s-installment-emkan-wrapper > div > span > i{
     color: #ffffff
}
.s-installment-emkan-content-text{
     color: #ffffff
}
#cartat_fwp > div.floating-wpp-popup.active{
    display:none;
}
#app > div.app-inner.flex.flex-col.min-h-full > footer > div > div > div.footer-bottom.flex.flex-col.lg\:flex-row.items-center.justify-between.py-4.gap-4 > ul > li.pay-google_pay.w-12.h-7.bg-white.rounded.flex.items-center.p-1 
{
    display:none;
}
#app > div.app-inner.flex.flex-col.min-h-full > footer > div > div > div.footer-bottom.flex.flex-col.lg\:flex-row.items-center.justify-between.py-4.gap-4 > ul > li.pay-cod.w-12.h-7.bg-white.rounded.flex.items-center.p-1 {
    background: transparent url(https://cdn.salla.network/cdn-cgi/image/fit=scale-down,width=40,height=40,onerror=redirect,format=auto/images/sbc.png?v=2.0.3)0rem 0rem/94%no-repeat!important;
    background-size: 100%;
    background-position: center;
    background-position-y: center
}
#app > div.app-inner.flex.flex-col.min-h-full > footer > div > div > div.footer-bottom.flex.flex-col.lg\:flex-row.items-center.justify-between.py-4.gap-4 > ul > li.pay-cod.w-12.h-7.bg-white.rounded.flex.items-center.p-1 > img{
    display:none;
}
.s-block--animated-brands--brand img {
    padding: 0;
    object-fit: fill
}

.gap-y-6 {
    row-gap: .1rem
}

.gap-x-6 {
    -moz-column-gap: 1.5rem;
    column-gap: .1rem
}

.rounded-full {
    border-radius: 10px
}

.w-16 {
    width: 4.2rem
}

.h-16 {
    height: 4.2rem
}

.product-card__buttons>div button {
    display: none
}

.product-card__price {
    font-size: 18px;
    color: #7fff9b
}



/*  ==  ولاء ==  */
#app > div.app-inner.flex.flex-col.min-h-full > div.container.space-y-8.lg\:space-y-16 > section > div.points-ways__list > div:nth-child(1) > div.flex.rtl\:space-x-reverse.space-x-4 > div > p{color: #000000 !important;}
#app > div.app-inner.flex.flex-col.min-h-full > div.container.space-y-8.lg\:space-y-16 > section > div.points-ways__list > div:nth-child(1) {
background-color: #F7F9F9}
#app > div.app-inner.flex.flex-col.min-h-full > div.container.space-y-8.lg\:space-y-16 > section > div.points-ways__list > div:nth-child(3) {
background-color: #F7F9F9}
#app > div.app-inner.flex.flex-col.min-h-full > div.container.space-y-8.lg\:space-y-16 > section > div.points-ways__list > div:nth-child(3) > div > div > p{color: #000000 !important;}
#app > div.app-inner.flex.flex-col.min-h-full > div.container.space-y-8.lg\:space-y-16 > section > div.points-ways__list > div:nth-child(2) > div.flex.rtl\:space-x-reverse.space-x-4 > div > p{color: #000000 !important;}
#app > div.app-inner.flex.flex-col.min-h-full > div.container.space-y-8.lg\:space-y-16 > section > div.points-ways__list > div:nth-child(2) > div.way-item__action > div > h3{color: #000000 !important;}
#app > div.app-inner.flex.flex-col.min-h-full > div.container.space-y-8.lg\:space-y-16 > section > div.points-ways__list > div:nth-child(1) > div.way-item__action > salla-button > a > button > span{color: #000000 !important;}
#app > div.app-inner.flex.flex-col.min-h-full > div.container.space-y-8.lg\:space-y-16 > section > div.points-ways__list > div:nth-child(2) {
background-color: #F7F9F9} 
#swiper-wrapper-e875368a64c445102 > div > div{
background-color: #F7F9F9} 
#app > div.app-inner.flex.flex-col.min-h-full > div.container.space-y-8.lg\:space-y-16 > div.loyalty__banner > div.loyalty__banner-inner > div > div > h1{ color: #ffffff !important;}
#app > div.app-inner.flex.flex-col.min-h-full > div.container.space-y-8.lg\:space-y-16 > div.loyalty__banner > div.loyalty__banner-inner > div > div > p{ color: #ffffff !important;}

#app > div.app-inner.flex.flex-col.min-h-full > div.container.space-y-8.lg\:space-y-16 > section > div.points-ways__list > div:nth-child(2) > div.flex.rtl\:space-x-reverse.space-x-4 > span {
    background: url(https://d.top4top.io/p_3150uph0r1.png);
    background-size: 100%;
    background-position: center;
    background-position-y: center
}
#app > div.app-inner.flex.flex-col.min-h-full > div.container.space-y-8.lg\:space-y-16 > section > div.points-ways__list > div:nth-child(3) > div > span{
    background: url(https://d.top4top.io/p_30219ymas1.png);
    background-size: 100%;
    background-position: center;
    background-position-y: center
}

#app > div.app-inner.flex.flex-col.min-h-full > div.container.space-y-8.lg\:space-y-16 > section > div.points-ways__list > div:nth-child(1) > div.flex.rtl\:space-x-reverse.space-x-4 > span {
    background: url(https://e.top4top.io/p_3021ssh7e1.png);
    background-size: 100%;
    background-position: center;
    background-position-y: center
}
.points-ways__list .way-item__icon span {
    opacity: 0
}
 

.store-footer .rtl\:ml-2\.5 {
    border-radius: 90px;
    background: #0b1b57;
    border: #ffffff30 solid 1px;
    height: 36px;
    width: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 300ms cubic-bezier(.4,0,.2,1)
}

:is(.dark .product-index .selected-cat-item>span):hover {
    --tw-bg-opacity: 1;
    background-color: #002975
}

.product-entry:not(.product-entry--coupon):hover .product-entry__image img {
    --tw-scale-x: 0;
    --tw-scale-y: 0;
    transform: none
}

[dir=rtl] .product-index .sub-categories ul li {
    margin: 0
}


:is( .is-sticky-product-bar .sticky-product-bar)::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-box-shadow: 0 0 17px 3px #ffff01,0 0 4px 2px #ffff01;
    box-shadow: 0 0 17px 3px #ffff01,0 0 4px 2px #ffff01;
    z-index: -1;
    -webkit-animation-name: gradient-shadow;
    animation-name: gradient-shadow;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -webkit-animation-duration: 4s;
    animation-duration: 5s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@-webkit-keyframes gradient-shadow {
    0% {
        -webkit-box-shadow: 0 0 17px 3px #0458f1,0 0 4px 2px #0458f1;
        box-shadow: 0 0 17px 3px #0458f1,0 0 4px 2px #0458f1
    }

    20% {
        -webkit-box-shadow: 0 0 17px 3px #0458f1,0 0 4px 2px #0458f1;
        box-shadow: 0 0 17px 3px #0458f1,0 0 4px 2px #0458f1
    }

    40% {
        -webkit-box-shadow: 0 0 17px 3px #0f0,0 0 4px 2px #fe5f01;
        box-shadow: 0 0 17px 3px #fe5f01,0 0 4px 2px #fe5f01
    }

    60% {
        -webkit-box-shadow: 0 0 17px 3px #f29f17,0 0 4px 2px #f29f17;
        box-shadow: 0 0 17px 3px #f29f17,0 0 4px 2px #f29f17
    }

    80% {
        -webkit-box-shadow: 0 0 17px 3px red,0 0 4px 2px red;
        box-shadow: 0 0 17px 3px red,0 0 4px 2px red
    }

    100% {
        -webkit-box-shadow: 0 0 17px 3px #0458f1,0 0 4px 2px #0458f1;
        box-shadow: 0 0 17px 3px #0458f1,0 0 4px 2px #0458f1
    }
}

@keyframes gradient-shadow {
    0% {
        -webkit-box-shadow: 0 0 17px 3px #0458f1,0 0 4px 2px #0458f1;
        box-shadow: 0 0 17px 3px #0458f1,0 0 4px 2px #0458f1
    }

    20% {
        -webkit-box-shadow: 0 0 17px 3px #0ff,0 0 4px 2px #0ff;
        box-shadow: 0 0 17px 3px #0ff,0 0 4px 2px #0ff
    }

    40% {
        -webkit-box-shadow: 0 0 17px 3px #fe5f01,0 0 4px 2px #fe5f01;
        box-shadow: 0 0 17px 3px #fe5f01,0 0 4px 2px #fe5f01
    }

    60% {
        -webkit-box-shadow: 0 0 17px 3px #f29f17,0 0 4px 2px #f29f17;
        box-shadow: 0 0 17px 3px #f29f17,0 0 4px 2px #f29f17
    }

    80% {
        -webkit-box-shadow: 0 0 17px 3px red,0 0 4px 2px red;
        box-shadow: 0 0 17px 3px red,0 0 4px 2px red
    }

    100% {
        -webkit-box-shadow: 0 0 17px 3px #0458f1,0 0 4px 2px #0458f1;
        box-shadow: 0 0 17px 3px #0458f1,0 0 4px 2px #0458f1
    }
}


.swiper-slide>.bg-cover {
    background-size: contain;
    background-repeat: no-repeat
}

.swiper-slide.swiper-lazy-wrap.w-full.min-h-\[370px\].lg\:min-h-\[500px\].bg-gray-100.dark\:bg-dark.my-4.rounded {
    background: 0 0!important
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: none
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: none
}

salla-slider.enhanced-products-slider .slider-item {
    height: auto;
    width: 70%;
    max-width: 360px;
    padding-left: 5px;
    padding-right: 5px
}

section:nth-of-type(10)>.grid-flow-row,section:nth-of-type(8)>.grid-flow-row,section:nth-of-type(11)>.grid-flow-row,section:nth-of-type(9)>.grid-flow-row {
    grid-template-columns: repeat(2,minmax(0,1fr))
}

section:nth-of-type(10) .banner-entry,section:nth-of-type(11) .banner-entry,section:nth-of-type(8) .banner-entry,section:nth-of-type(9) .banner-entry {
    height: 55px
}

@media(min-width: 640px) {
    section:nth-of-type(10) .banner-entry,section:nth-of-type(10) .banner-entry,section:nth-of-type(8) .banner-entry,section:nth-of-type(9) .banner-entry {
        height:200px
    }
}

.points-ways__list .way-item__content h4 {
    color: #fbbf24!important
}

.points-ways__list .way-item__icon {
    color: transparent!important;
    font-size: 20px
}

.dark .points-ways__list .way-item {
    background-color: #152242
}

.dark .loyalty-star i {
    --tw-text-opacity: 1;
    color: #1e1b1c;
    color: #ffffff21;
    font-size: 300px
}

.dark .loyalty__banner {
    background-color: #000;
    background-image: radial-gradient(at 27% 51%,hsla(341,100%,0%,1) 0px,transparent 50%),radial-gradient(at 65% 37%,hsla(185,100%,0%,1) 0px,transparent 50%),radial-gradient(at 98% 99%,hsla(240,100%,34%,1) 0px,transparent 50%),radial-gradient(at 0% 100%,hsla(352,100%,37%,1) 0px,transparent 50%),radial-gradient(at 2% 35%,hsla(25,100%,0%,1) 0px,transparent 50%),radial-gradient(at 67% 20%,hsla(33,0%,0%,1) 0px,transparent 50%),radial-gradient(at 100% 1%,hsla(281,89%,47%,1) 0px,transparent 50%)
}

.loyalty__banner-content .info h1 {
    font-weight: 200
}


/*  ==  علي ==  */

#app > div.app-inner.flex.flex-col.min-h-full > footer > div > div > div.footer-bottom.flex.flex-col.lg\:flex-row.items-center.justify-between.py-4.gap-4 > span::before {
    content: "مجموعة BoSSBusinesses لتقنية المعلومات 2024©  جميع الحقوق محفوظه";
    color: #ffffff !important;
      font-size: 14px;
url: "https://boss-businesses.com";
}

.w-full.px-1.da-cp.whitespace-nowrap {
 color: #ffffff !important;
     
}

h3 {
  
    color: #ffffff !important;


}
div.main-content.mob\:container.w-full.md\:w-1\/2.md\:pb-16 > form > div.angel-discountcoupon.details > div.coupon-wrapper > div > h2
 {
  
    color: #ffffff !important;


}



div.main-content.mob\:container.w-full.md\:w-1\/2.md\:pb-16 > form > salla-gifting > div > salla-list-tile > a > div.s-list-tile-item-action > div > salla-button > button{
    background-color: #11000021
}
div.main-content.mob\:container.w-full.md\:w-1\/2.md\:pb-16 > form > section.sku.details {
    display:none;
}




div.slider-bg.transition-opacity.bg-center.bg-cover.relative{
    display:none;
}

div.banner-entry{
    display:none;
}

div.ms-3 > div {
    display:none;
}
#app > div > div.container.page-container > div.lg\:flex.items-start > div > article > p:nth-child(1) {
    display:none;
}

#app > div > div.container.page-container > div.lg\:flex.items-start > div > div {
    display:none;
}
.triangle-overlay  {
    display:none;
}
#app > div > div.container.page-container > div.lg\:flex.items-start > div > div > div{
    display:none;
}
#app > div.app-inner.flex.flex-col.min-h-full > footer > div > div > div.footer-bottom.flex.flex-col.lg\:flex-row.items-center.justify-between.py-4.gap-4 > span > P{
    display:none;
}





#app > div.app-inner.flex.flex-col.min-h-full > div > div > div.flex.flex-col.p-2.gap-1 > p{
    display:none;
}

#mainnav > div > div > div > div.flex.items-center.justify-end.w-1\/3 > button{
    display:none;
}




#mainnav > div > div > div > div.flex.items-center.flex-col.justify-center > a > img {
    max-height: 780px;
    height: 2.5rem!important;
    content: url(https://media.giphy.com/media/v1.Y2lkPTc5MGI3NjExcGN3bGw4cnpnc3owcW9qMDZhdHZ6bmV4YWFtNDl5MGYxajE1eHRibyZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9cw/XqsBHYmjpyLI7ZFofm/giphy.gif)!important;
}
#app > div.app-inner.flex.flex-col.min-h-full > footer > div > div > div.footer-middle.footer-container.flex.align-center.flex-col.md\:flex-row.da-brdr.md\:gap-4 > div.flex.flex-col.md\:max-w-xs > a > img {
    max-height: 780px;
    height: 2.5rem!important;
    content: url(https://media.giphy.com/media/v1.Y2lkPTc5MGI3NjExcGN3bGw4cnpnc3owcW9qMDZhdHZ6bmV4YWFtNDl5MGYxajE1eHRibyZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9cw/XqsBHYmjpyLI7ZFofm/giphy.gif)!important;
}

.navbar-brand {
    order: 2;
}

.left-side {
    order: 3;
    width: 2.5rem;
}

.right-side {
    order: 1;
}

[dir=rtl] .navbar-brand {
    margin-left: 0;
}

[dir=rtl] .header-icon-button {
    margin-right: 0;
}
.has-overlay--before:before,.has-overlay--after:after {
    background-color: #11000021
}
/*== عبدالرزاق ==*/
#app > div.app-inner.flex.flex-col.min-h-full > div.container.mt-14 > div > div > div  {
    display:none;
}

div.ms-4.da-tm > span > time {
    display:none;
}

div.flex.flex-col.gap-1.px-5.py-5.w-full.da-tm > div > a.flex.items-center.gap-2 {
    display:none;
}

#app > div.app-inner.flex.flex-col.min-h-full > div.container.mt-14 > div > div > article > p:nth-child(1) {
    display:none;
}

/* Add custom CSS styles below */




/*  ==  icons  ==  */
.header-icon-button .icon {
    position: relative;
    display: inline-block;
    font-size: 24px;
    line-height: 1;
}

.s-cart-summary-wrapper .s-cart-summary-count {
    top: -10px;
    right: auto !important;
    left: -10px;
    border: 0;
    background: #57b9b3;
}

.top-nav .topnav-link-item i {
    font-size: 20px;
    border-radius: 12px;
}

.top-nav .topnav-link-item:hover i {
    background-color: #00000052;
}

.sicon-phone:before {
    background: url(https://cdn.salla.sa/form-builder/kYRkVi5oSOmmBrS5CqvH5FWAw2tFcu73DRY1f67k.png) center / 100% no-repeat !important;
    color: #0000;
}

.sicon-mail:before {
    background: url(https://cdn.salla.sa/form-builder/oaNHzRzE9WkDaF6Tld7qjk61BGxGKX1VKMEPeM1W.png) center / 100% no-repeat !important;
    color: #0000;
}

.sicon-search:before {
    background: url(https://cdn.salla.sa/form-builder/UlmzNH9dPnFAc6J4XZ6IceJt7im7GLUoczVKuIaa.png) center / 100% no-repeat !important;
    color: #0000;
}

.sicon-shopping-bag:before {
    background: url(https://cdn.salla.sa/form-builder/ySa54FTih0ykUHsvWvpLajeQMCiMjz1Ekey5UHqC.png) center / 100% no-repeat !important;
    color: #0000;
}

.header-is-light .humb .humb-icon span, .header-is-light .humb .humb-icon span:nth-child(2):before {
    background-color: #0000;
}

.humb:hover .humb-icon span:first-child, .humb:hover .humb-icon span:nth-child(2), .humb:hover .humb-icon span:nth-child(4) {
    display: none;
}

.humb-icon {
    top: 50%;
    left: 0;
    right: 50%;
    transform: translate(50%, -50%);
    height: 28px;
    fill: #0000;
    width: 28px;
    margin-top: 0px;
    overflow: hidden;
    transition: .5s ease-in-out;
    cursor: pointer;
    position: absolute;
    background: url(https://cdn.salla.sa/form-builder/I5TcOmbIpF9jHTfp44YIlWQd0aJIhfAJ9y2NjIie.png) center / 100% no-repeat !important;
    color: #0000;
}

[dir=rtl] .humb {
    margin-left: 0rem;
    padding-left: 2.5rem;
}
/*
.lg\:flex {
    display: flex;
}*/

.hidden.lg\:flex.flex-col.leading-none.text-sm {
    display: none;
}

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

[dir=rtl] .header-icon-button .icon {
    margin-left: 0;
}

@media (min-width: 1024px){
.store-header .px-4 {
    padding-left: 0rem;
    padding-right: 0rem;
    gap: 15px;
}

.header-icon-button .icon {
    font-size: 30px;
}

.left-side {
    width: 3.5rem;
}

.humb-icon {
    height: 34px;
    width: 34px;
}

[dir=rtl] .rtl\:lg\:mr-16 {
    margin-right: 4rem;
    gap: 24px;
}

[dir=rtl] .rtl\:sm\:mr-10 {
    margin-right: 10px;
}

.sm\:mt-16 {
    margin-top: 0rem;
}
}

.store-header .px-4 {
    padding-left: 0rem;
    padding-right: 0rem;
}







/*    ======    INNER PR    ======    */
.page-header {
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #e7e7e7 !important;
    width: calc(100% - 20px);
    margin-right: 10px;
    margin-top: 10px;
    border-radius: 12px;
}

.page-header .breadcrumbs a {
    color: #57b9b3;
}

.page-header .breadcrumbs {
    color: #30234e;
}

.form-input {
    height: 36px;
    border: 0;
    background: #e7e7e7;
    border-radius: 12px;
}


salla-slider.details-slider .swiper-slide {
    position: relative;
    background: #fff;
    margin: 10px;
    height: calc(100% - 20px);
    width: calc(100% - 20px) !important;
    border: #b6b6b6 solid 1px;
    border-radius: 12px;
    overflow: auto;
}

salla-slider.details-slider .s-slider-container {
    --tw-bg-opacity: 1;
    background-color: #ffffff;
}

section#similar-slider .s-slider-block__title h2 {
    background: #30234e;
    background-image: url(https://cdn.salla.sa/form-builder/WQ0a5UHSodHi2rrT4oHEibgPyOb9Fa9eA4CU5kWH.png), url(https://cdn.salla.sa/form-builder/WQ0a5UHSodHi2rrT4oHEibgPyOb9Fa9eA4CU5kWH.png), radial-gradient(circle at 50% 0%, #5c4d95 -30%, #30234e 100%);
    background-size: cover;
    background-position: center;
    width: 100%;
    text-align: center;
    line-height: 36px;
    height: 36px;
    border-radius: 12px;
    color: #fff;
    font-size: 18px;
    padding-right: 32px !important;
    font-weight: 700;
}

section#similar-slider .s-slider-block__title h2:before {
    display:none;
}





/*  ==  layout  ==  */


.grid-cols-2 {
    grid-template-columns: repeat(3,minmax(0,1fr));
}

@media (min-width: 1024px){
.grid-cols-2 {
    grid-template-columns: repeat(6,minmax(0,1fr));
}

.banner-entry {
    height: 310PX !important;
    background-color: #ffffff;
}
body > div > section:nth-of-type(3) > div:nth-of-type(1) > div:nth-of-type(1) > .banner-entry {
    height: 260PX !important;
    background-color: #ffffff;
}
}

.s-block--banners .banner-entry:nth-child(5n+1), .has-2-photos .banner-entry:nth-child(n), .has-4-photos .banner-entry:nth-child(n), .has-5-photos .banner-entry:nth-child(n+4) {
    grid-column: span 1/span 2;
}

.banner-entry {
    height: 185PX;
    background-color: #ffffff;
}

body > div > section:nth-of-type(3) > div:nth-of-type(1) > div:nth-of-type(1) > .banner-entry {
    height: 155PX;
    background-color: #ffffff;
}






/*    ======    NUMBERS OF STORE    ======    */
.s-block--statistics .grid-cols-2 {
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 0px;
}

span.flex-center.text-4xl.rounded-full.w-20.h-20.text-white.mb-4 {
    background-color: #e7e7e9 !important;
    border-radius: 12px;
    color: #30234e;
}













/*    ======    VISITORS    ======    */

.sicon-quote-open{
    color:#fff;
}

.hover\:shadow-gray-200:hover {
    box-shadow: none;
    transform: translateY(0px);
}




[dir=rtl] .s-slider-block__title-right {
    padding-left: 0rem;
    width: 100%;
}

.s-block--testimonials .s-slider-block__title h2 {
    padding-left: 0!important;
    
    background-size: cover;
    background-position: center;
    width: 100%;
    text-align: center;
    line-height: 36px;
    height: 36px;
    border-radius: 12px;
    color: #fff;
    font-size: 18px;
    padding-right: 32px !important;
    font-weight: 700;
}

.s-block--testimonials .s-slider-block__title h2:before {
    position: absolute;
    bottom: 0;
    height: 36px;
    width: 36px;
    transform: translateX(40px);
    content: "";
    margin-left: 10px;
    background: url(https://cdn.salla.sa/form-builder/PMEcGa0d59NVNaozTURaxNzaS7TN4xeS6GsO0GrG.png) center / 75% no-repeat !important;
}










/*    ======    FOTTER    ======    */




/*  ==  bg  ==  */
.footer-is-light .store-footer {
    margin-top: 60px;
    position: relative;
    background: #402e67;
    border-radius: 39px 39px 0 0;
    color: #fff;
    background-color: #402e67 !important;
    z-index: 0;
}

.store-footer .container {
    padding-right: 20px;
    padding-left: 20px;
}

.footer-is-light .store-footer:before {
    content: "";
    width: calc(100% - 20px);
    position: absolute;
    height: calc(100% - 20px);
    background-image: url(https://cdn.salla.sa/form-builder/P37HUFmyqoD6etudyXyusveeZMNRZ0Qk5pLYu6oW.pn),linear-gradient(#5c4d95 0%,#30234e 100%);
    z-index: -1;
    transform: translate(50%,50%);
    right: 50%;
    bottom: 50%;
    border-radius: 34px;
    box-shadow: 0px 2px 3px 1px #0000004f;
}

@media (min-width: 1024px){
.footer-is-light .store-footer:before {
    content: "";
    width: calc(100% - 30px);
    position: absolute;
    height: calc(100% - 30px);
    background-image: url(https://cdn.salla.sa/form-builder/P37HUFmyqoD6etudyXyusveeZMNRZ0Qk5pLYu6oW.pn),linear-gradient(#5c4d95 0%,#30234e 100%);
    z-index: -1;
    transform: translate(50%,50%);
    right: 50%;
    bottom: 50%;
    border-radius: 24px;
    box-shadow: 0px 2px 3px 1px #00000069;
}
}

.footer-is-light .store-footer:after {
    content: "";
    width: 100%;
    height: 100%;
    background-image: url(https://cdn.salla.sa/form-builder/f44Am4dy8SSeigy4QJibqHZkqQxwfTbCfznrIHik.png) , url(https://cdn.salla.sa/form-builder/f44Am4dy8SSeigy4QJibqHZkqQxwfTbCfznrIHik.png);
    transform: translate(50%,50%);
    background-position: center;
    background-size: cover;
    position: absolute;
    background-repeat: repeat-x;
    right: 50%;
    bottom: 50%;
    border-radius: 24px;
    z-index: -1;
}

@media (min-width: 1024px){
.footer-is-light .store-footer:after {
    content: "";
    width: calc(100% - 0px);
    height: calc(100% - 0px);
    background-image: url(https://cdn.salla.sa/form-builder/g1YGTkBFcPTUZ3Mw19cS3qDGmSQIje3e5RAsQOY6.png) , url(https://cdn.salla.sa/form-builder/g1YGTkBFcPTUZ3Mw19cS3qDGmSQIje3e5RAsQOY6.png);
    transform: translate(50%,50%);
    background-position: center;
    background-size: contain;
    position: absolute;
    background-repeat: repeat-x;
    right: 50%;
    bottom: 50%;
    border-radius: 24px;
    z-index: -1;
}
}

.footer-is-light .store-footer__top {
    background-color: #0000;
}


/*  ==  layout  ==  */
.col-span-3 {
    grid-column: span 6/span 6;
}

@media (min-width: 1024px){
.col-span-3 {
    grid-column: span 1 / span 2 !important;
}
.grid-cols-6 {
    grid-template-columns: repeat(3,minmax(0,1fr));
}
.lg\:col-span-3 {
    grid-column: span 3/span 3;
    align-items: center;
}
}



/*  ==  title  ==  */
.store-footer h3, .new-class h2 {
    margin-bottom: 12px;
    font-size: 1.125rem;
    line-height: 32px;
    font-weight: 700;
    text-align: center;
    background: #00000052;
    height: 32px;
    border-radius: 10px;
}

.footer-list a:hover {
    opacity: 1;
    color: #57b9b3;
    transform: translateX(-10px);
}




/*  ==  icons  ==  */
.sicon-instagram:before ,.sicon-twitter:before ,.sicon-snapchat:before ,.sicon-whatsapp2:before ,.sicon-phone:before ,.sicon-paper-plane-o:before ,.sicon-mail:before{
    color :#0000;
}

.store-footer .social-link:hover, .store-footer .contact-icon:hover{
    opacity: 1;
    transform: scale(1.2);
    background: #00000099;
}

.hover\:opacity-70:hover {
    opacity: 1;
}

.sicon-whatsapp2:before {
    background: url(https://cdn.salla.sa/form-builder/EGlxx48FYpVP1D4nzFTWIWEBNhXdP61EUdsvkQeu.png) center / 100% no-repeat !important;
}

.sicon-paper-plane-o:before {
    background: url(https://cdn.salla.sa/form-builder/OXbwGeex9GVOFv9PHWuFXGP00VKtMe02LacaKVHN.png) center / 100% no-repeat !important;
}

.sicon-twitter:before {
    background: url(https://cdn.salla.sa/form-builder/gA10ROo11DURD36cNc0MeRmHwwCc4pPIphxMrDfC.png) center / 100% no-repeat !important;
}

.sicon-snapchat:before {
    background: url(https://cdn.salla.sa/form-builder/dkB2wEaGfwHq9ZDib3WQD4w7SX0ZgbDrh0QN7mth.png) center / 100% no-repeat !important;
}

.sicon-instagram:before {
    background: url(https://cdn.salla.sa/form-builder/vRJu899RmeqCXsOTfBwr0wdkPFX9ZvhOB1fcyeKC.png) center / 100% no-repeat !important;
}

.store-footer .sicon-phone:before {
    background: url(https://cdn.salla.sa/form-builder/RPM728kLYIdD6yOBg52qgtidzzAVcREY8ueYp0lB.png) center / 100% no-repeat !important;
}

.store-footer .sicon-mail:before {
    background: url(https://cdn.salla.sa/form-builder/Be5KjQGNOE3qKnZQa9LI0LdRo47paYGFJ4fFGrsv.png) center / 100% no-repeat !important;
}



/*  ==  add  ==  */
.new-class {
    grid-column: span 6/span 6;
}

@media (min-width: 1024px){
.new-class {
    grid-column: span 1/span 2;
}










.inner-div {
    display: flex;
    width: 100%;
    height: 160px;
    justify-content: center;
}

.sub-class-0 {
    width: 275px;
    height: 160px;
}


/*
.sub-class-1:before{
    content: " ";
    display: block;
    font-size: 20px;
    background: transparent url(https://zamil.com/wp-content/uploads/2021/10/SAUDI_MADE_main_horizontal_CMYK-1.png)0rem 0rem/94%no-repeat!important;  
    width: 150px;
    height: 50px; 
    margin: 0 auto 5px
}*/















.footer-is-light .store-footer__top>:not([hidden])~:not([hidden]) {
    display: none;
}

.site-info-bar {
    margin: 0px!important;
    bottom: 0px;
    position: relative;
    background: #57b9b3;
    width: calc(100% - 0px);
    transform: translateX(50%);
    right: 50%;
    border-radius: 24px 24px 0px 0px;
}

.site-info-bar .flex {
    display: flex;
    align-items: center;
}

.site-info-bar .lg\:py-6 {
    padding: 6px 12px 6px 12px !important;
    max-width: 100%;
}

.site-info-bar .w-14 {
    width: 3.5rem;
    height: 30px;
}

.store-footer .-mx-1 {
    flex-wrap: wrap;
}

@media (min-width: 1024px){
.store-footer .-mx-1 {
    flex-wrap: nowrap;
}

.site-info-bar {
    bottom: 30px;
    width: calc(100% - 60px);
    border-radius: 9px;
}
.site-info-bar .text-gray-400 {
    color: #fff;
    font-size: 20px;
}
}

.site-info-bar .text-gray-400 {
    color: #fff;
    font-size: 12px;
}

.footer-list {
    columns: 2;
    margin-inline: 10px;
}

.gap-10 {
    gap: 1.5rem;
}