.store-feature{
flex-direction: column;
    justify-content: center;
    align-items: center;
    }
    section {
    margin-bottom: 15px !important;
}
@font-face {
    font-family: 'Arbfonts';
    src: url('https://arbfonts.com//wp-content/fonts/new-arabic-fonts/RH-Zak-Bold-1.otf') format('truetype');
}
body:before {
        content: '';
        width: 100%;
        height: 100%;
                background:url(https://cdn.salla.sa/mwoyE/0bD6qiGry9rwm9tAz6jabr30dbWkEoyxIIo0ANCV.png);


        background-repeat: no-repeat;
        background-position: center;
        background-size: 160px;
        transform:scale(0);
        background-color:  #fff !important;
        position: fixed;
        z-index: 999999;
        animation-name: pupup;
        animation-duration: 0.5s;
    }
    
    @keyframes pupup{
        0% {
    transform:scale(1);
        }    
        18% {
    transform:scale(1);
        }    
        80% {
    transform:scale(1);
        }
        100% {
    transform:scale(0);
        }
    }
@media only screen and (max-width: 767px){
.title--has-dash {
    position: relative;
    padding-right: 3px;
    min-width: max-content;
    padding-top: 18px;
       color: #4d6996 !important;

}
}
  @media (max-width: 991px){
.mm-spn li > a::before, .mm-spn li > span::before {
  position: relative;
  content: "";
  height: 36%;
  width: 47px;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  left: 0;
  margin-left: 0rem;
  background: url(https://i.imgur.com/XobyEVq.png);
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    background-size: auto;
}}
.banner--square figure img {
  height: 94%;
  position: unset;
  top: 0;
  right: 0;
  border-radius: 13px;
  bottom: 0;
  left: 0;
}
@media (max-width: 991px){
.mm-spn li[id="3513388"]> span:before {
     background: url(https://i.imgur.com/xwbnFmR.png);
}}
.store-feature .title {
  margin: 6px 21px 4px;
}
@media (max-width: 991px){
.mm-spn li>a, .mm-spn li>span {
    padding: unset;
    padding-right: unset;
    height: 80px;
    display: flex;
    align-items: center;
    font-size: 1.3rem;
    line-height: 5 !important;
    font-family: sky;
    position: relative;
}}
.sicon-shipping-fast::before {
  content: "\ef31";
  display: none;
}

.footer__bottom {
  padding: 15px 0;
  background-color: #324e88;
  background-color: #324e88;
  font-size: var(--font-sm);
}
@media (min-width: 992px){
.footer .store-about p:before {
    display: block;
    content:url(https://i.imgur.com/gW7RLla.png);
      width: 183px;
      margin: 0px auto 3px auto;
}}
@media (max-width: 991px){
.footer .store-about p {
    padding: 0 30px 10px 30px;
    font-family: inherit;
    font-size: 15px;
    line-height: 20px;
}}
@media (min-width: 992px){
.footer .store-about .title--primary {
    display: none;
}}
@media (max-width: 991px){
.footer::before {
    display: block;
    content: url(https://i.imgur.com/gW7RLla.png);
    width: 199px;
margin: 0px auto -7px auto;

}}


@media only screen and (max-width: 767px) {
header .site-header__wrapper {
    flex-wrap: inherit;
}
}
.text-nowrap {
    white-space: pre-wrap;
}

.btn--floated .s-button-element {
  padding: 0;
  line-height: 1;
  background: transparent;
  border: 0;
  color: var(--color-text-reverse);
  width:101px;;
  font-size: 18px;
}
.splide--main-slider .splide__pagination {
  position: absolute;
  left: 30px;
  right: auto;
  top: 50%;
  transform: translateY(-50%);
  display: none;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  bottom: auto;
  min-width: 19px;
  width: auto;
  max-height: 90%;
  flex-wrap: nowrap;
  overflow: hidden;
  padding: 10px 5px;
  border-radius: 50px;
  background: rgba(0,0,0,.5);
}
::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

.product-block .btn--add-to-cart .s-button-element {
  border-radius: 0 50px 50px 0;
}
.s-button-element:not(:disabled):not([loading]) {
  pointer-events: auto;
}
.btn--floated .s-button-element {
  padding: 0;
  line-height: 1;
  background: transparent;
  border: 0;
  color: var(--color-text-reverse);
  width: 101px;
  font-size: 21px;
}
.btn--floated .s-button-element {
  padding: 0;
  line-height: 1;
  background: transparent;
  border: 0;
  color: var(--color-text-reverse);

  font-size: 18px; 
}
.breadcrumb {
  padding: 9px 0px 10px;
  background-color: #f3efec;
}
.s-button-primary {
  background-color: var(--color-primary);
  color: var(--color-primary-reverse);
}
.s-button-btn {
position: relative;
    display: inline-flex;
    flex: 1 1 0%;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
     border-radius: .375rem;
    border-style: solid;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-bottom: .625rem;
    padding-top: .5rem;
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 700;
    transition-property: color,background-color,border-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-text-decoration-color,-webkit-backdrop-filter;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: 300ms;
}
block--slide-products .splide--products-slider .splide__slide {

  width: 13.9PC !important;
}
@media only screen and (max-width: 767px)  {
.home-block--slide-products .splide--products-slider .splide__slide {
    width: 9PC !important;
}
}
@media only screen and (max-width: 767px)  {
.home-block--bg {
    padding: 0px 0;
}
}

.banner figure figcaption {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  flex-direction: row;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 20px 20px 30px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.home-block--square-images:nth-of-type(3) .banner--square.has-title figcaption::after, .home-block--square-images:nth-of-type(4) .banner--square.has-title figcaption::after {
  content: none !important;
}
.btn--add-to-cart.disabled::before {
  content: "";
  position: absolute;
  width: 67%;
height: -4px;
border-bottom: 3px solid #f00;
bottom: 52%;
  right: 11%;
  opacity: .7;
  transform: rotate(-45deg);
}
.footer .footer-list li a:hover {
  color: #617aae;
}
.footer .footer-list li a {
    display: block;
    width: 100%;
    height: auto;
    padding: 10px 0;
    color: #324e88;
    transition: color .5s cubic-bezier(.2,1,.3,1);
}
.btn--add-to-cart.disabled {
  pointer-events: none;
  color: var(--color-text) !important;
  background: #dcb988 !important;
}
.product-block__info .product-title {
    display: block;
    width: 100%;
    height: auto;
    white-space: normal;
    TEXT-ALIGN: center;
}
.product-block.contain .product-block__thumb .thumb-wrapper img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    object-position: top;
}
.nav-desktop ul .menu-item .offers-link {
  color: var(--color-danger) !important;
  background-color: rgba(255,68,58,.1) !important;

  font-family: sky-bold,sallaicons !important;
 
}
  @media only screen and (max-width: 767px) {
header .site-header {
  padding: 10px 0;
  background-color: #fff;
}
}
.product-block__info {
  padding: 15px;
  text-align-last: center;
}
@media (max-width: 991px){
.sta-product-wrapper>.title--primary, .title--has-dash {
      display: block;
    font-family: unset;
    color: #ee624b!important;
    line-height: 0;
    margin-bottom: 1rem!important;
    font-weight: 700;
}}
  @media (max-width: 991px){
.sta-product-wrapper > .title--primary, .title--has-dash {
  display: block;
  font-family: unset;
  color: #334e88 !important;
  line-height: 0;
  margin-bottom: 1rem !important;
  font-weight: 700;
} }
.row {
  
    display: flex;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
    flex-direction: row-reverse;

    }
@media (max-width: 991px){
.footer .store-links::before {
    display: block;
    content: "تسوق بأمان";
    font-family: sky-bold;
       
    font-family: unset;
    color: #344f88;
    
    text-align: center;
    margin-bottom: 10px;
    font-weight: 700;
    font-size: 20px !important;
}}
  @media only screen and (max-width: 767px){
.home-block.home-block--square-images:nth-of-type(3) .row, .home-block.home-block--square-images:nth-of-type(4) .row {
  grid-template-columns: 1fr 1fr  !important;
  gap: 30px;
  padding: 0px 15px;
}
}
.home-block.home-block--square-images .row {
 display: grid;
 grid-template-columns: 1fr 1fr 1fr 1fr;
gap: 10px;
padding: 0px 15px;
}
  @media only screen and (min-width: 320px){
.home-block.home-block--square-images .row {
 display: grid;
 grid-template-columns: 1fr 1fr 1fr;
gap: 10px;
padding: 0px 15px;
}}
.home-block.home-block--square-images:nth-of-type(3) .row, .home-block.home-block--square-images:nth-of-type(4) .row {
  grid-template-columns: 1fr 1fr 1fr;
  gap: 15px;
  padding: 0px 15px;
}
@media (min-width: 992px){
.footer__top > div:nth-child(1) > div:nth-child(3) {
    order: -1;
}}

body > footer > div.container > div.footer__top > div > div:nth-child(1) {
    order: 0;
} 
.container {
  width: 100%;
  max-width: 1350px;
}
@media (min-width: 768px){
.col-md-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}}
.home-block.home-block--square-images .row .col-md-4.col-sm-12 {
  padding: 0;
  width: 100% !important;
  max-width: initial !important;
}
.banner--square {
  background-color: #e1bd7000;
  padding: 0;
 margin: -186px 0 10px;
  border-radius: 8px;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
.banner--square {
  background-color: #e1bd7000;
  padding: 0;
 margin: 0px 0 10px;
  border-radius: 8px;
  overflow: hidden;
}}
.splide--products-slider .splide__slide {
    height: auto;
    padding: 3px 0;
}
.breadcrumb {
     padding: 9px 0px 10px;
    background-color: #f2f2f2;
}
.nav-desktop ul .menu-item:first-child {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  background: #fff;
}
.home-block:not(.home-block--bg):not(.home-block--main-slider) {
  padding: 5px 0;
  padding-top: 5px;

}

.mm-spn.mm-spn--navbar ul {
    top: 51px;
    top: calc(var(--mm-spn-item-height) + 1px);
    BACKGROUND: #ffffff;

}
@media (max-width: 991px){
.mm-spn li[id="360727"]> span:before {
 
    background: url(https://i.imgur.com/XobyEVq.png);
}}

.color-danger {
ackground-color: #ffffff;
    fill: #cf9d5a;
}
.product-block {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  width: 100%;
  position: relative;
  border-radius: 20px;
  border: 2px solid #7586aa;
  border: 2px solid #7586aa;
  box-shadow: 0 1px 2px 0 rgba(238,238,238,.5);
  overflow: hidden;
  transition: border .2s linear,box-shadow .2s linear;
  background: #fafbfc;
    background-color: rgb(250, 251, 252);
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    background-attachment: scroll;
    background-image: none;
    background-size: auto;
    background-origin: padding-box;
    background-clip: border-box;
}
.mm-spn.mm-spn--light {
  color: #3e3e3e;
  background: #fff;
}
.store-feature {
margin-bottom: -8px;
display: flex;
}
.sicon-check-square::before {
  content: "\ea9c";
  display: none;
}
.footer__block {
  padding: 0 0 2px;
} 
.footer__top {
  padding: 0px 0 0px;
}
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    position: relative;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 5px;
} 
@media only screen and (max-width: 767px) {
.home-block:not(.home-block--bg):not(.home-block--main-slider) {
    padding: 1px 0;
    

}
}
.nav-desktop ul .menu-item:not(.mega-menu) .sub-menu ul li a, .nav-desktop ul .menu-item > a {
  padding: 10px 12px;
  color: #333333;
  position: relative;
  font-size: var(--font-sm);
  text-decoration: none;
  white-space: normal;
  display: block;
  transition: all .5s cubic-bezier(.2,1,.3,1);
  cursor: pointer;
}
section.home-block.home-block--store-features .row .col-md-4.col-sm-12:nth-of-type(2) .store-feature__icon {
  color: #00000000;
  background: #fff url(https://cdn.salla.sa/aGxgZ/n4FPj7dsGd6S24YetpvyB2dVBIfsvTb0deGA5QAG.gif) no-repeat;
  background: url(https://cdn.salla.sa/rWpBd/Ja4bfsTEMKxHk5XGTYI8vazjlUrK713mBSsES2lt.gif) no-repeat;
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: no-repeat;
    background-size: auto;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;

}
.sicon-headset::before {
  content: "\ec98";
     display: none;
}
.sicon-store2::before {
  content: "\efbb";
   display: none;
}
.sicon-crdit-card-alt::before {
  content: "\eb14";
  display: none;
}
section.home-block.home-block--store-features .row .col-md-4.col-sm-12:nth-of-type(3) .store-feature__icon {
  color: #00000000;
  background: #fff url(https://cdn.salla.sa/aGxgZ/4cy2ZzPrYoSUd1o5nJOrcwXyQduSJQyAy48VABkj.gif) no-repeat;
  background: url(https://cdn.salla.sa/rWpBd/tqt11KDeCwymjrBMKhMgPZmW7IxJ2Bma6DMcTWoT.gif) no-repeat;
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: no-repeat;
    background-size: auto;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
section.home-block.home-block--store-features .row .col-md-4.col-sm-12:nth-of-type(1) .store-feature__icon {
  color: #00000000;
  background: #fff url(https://cdn.salla.sa/aGxgZ/hi3UpKaBe6N58dpyp82Ayaz16aAtkkOPKnrUOjoq.gif) no-repeat;
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: no-repeat;
    background-image: url("https://cdn.salla.sa/aGxgZ/hi3UpKaBe6N58dpyp82Ayaz16aAtkkOPKnrUOjoq.gif");
    background-size: auto;
  background-image: url(https://i.ibb.co/Bq2Mfjb/47-chat-outline-2.gif);
  background-image: url(https://cdn.salla.sa/emqYG/8vTEKaA3Uh5L94VjlFDPNrQRX1i4dOpQI44b56x7.gif);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
} 
header .site-header__wrapper .theme-logo span {
    display: block;
    margin-top: -9px;
    font-size: var(--font-sm);
    color: #324e88;
        font-size: initial;

}
html, body {
    font-family: var(--font-main);
    font-size: var(--font-base);
    color: #000000;
    margin: 0;
    direction: rtl;
    background: #fff;
    background: var(--color-white);
}
.footer .store-links .title--primary {
    display: none;
    }
.d-flex {
    display: flex!important;
}
@media (min-width: 992px){
.footer__top > div:nth-child(1) > div:nth-child(1) {
    order: 3;
}}

@media (min-width: 992px){

}}
@media (min-width: 991px){
.top-header>.container>.d-flex {
}}
@media (min-width: 992px){
.top-header .container {
    display: flex;
    
}}
@media (min-width: 992px){
.footer .store-links::before {
    display: block;
    content: "تسوق بأمان";
    color: #fff;
    font-size: 20px !important;
    font-weight: 700;

}}
@media (min-width: 991px){
.top-header .btn--grey {
    color: #fff;
    background-color: #000;
}}
@media (min-width: 992px){
.top-header {
    order: 1;
}}
  header .site-header__wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
}
  @media (min-width: 991px){
header .site-header__wrapper .theme-logo span {
     position: absolute !important;
    left: 90px;
    font-weight: 700;
}}
.footer {
      border-top: 30px solid #f5f7f9;
    background: #f1edea;
     background: linear-gradient(52deg,rgb(37, 82, 163)0%,rgb(39, 54, 77)100%);

   padding-top: 68px;

}

header .site-header__cart a {
  color:   #0a0a0a;

}
.home-block {
  position: relative;
  padding: 1px 0;
    padding-top: 1px;
  BACKGROUND: #fafbfc;
}
.side-panel .top-header__info {
    margin-bottom: 10px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
    align-content: center;
}

.home-block--slide-products.show-all .title.title--x-large {
  padding-left:  72px;
}



.badge--primary {
  color: #fffff;
  background: linear-gradient(90deg, rgb(220, 185, 136) 0%, rgb(219, 185, 136) 34%, rgb(208, 157, 86) 100%);
}
.badge--primary {
  color: #fff;
  background-color: var(--color-main);
}
.close-mobile-menu {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background-color: #ffffff;
  line-height: 1;
  border: 0;
  font-size: var(--font-md);
  color: var(--color-white);
  position: absolute;
  left: 15px;
  top: 14px;
  cursor: pointer;
  transition: .3s;
  z-index: 1;
  padding: 0;
}
.product-block .sicon-shopping-bag::before {
  content: "\ef36 " " " "أضف للسلة";
  font-family: sky-bold,sallaicons !important;
  color: #fff;
  font-size: 15px;
  line-height: 2.2 !important;
}

.product-block .btn--add-to-cart {
  position: initial;
  display: block;
  border-radius: 50px;
  padding: 3px 0 !important;
  height: auto !important;
  width: auto !important;
  width: 92% !important;
  height: auto !important;
  margin: -5px auto 10px auto !important;
}
@media (min-width: 992px){
.footer__mid>.row>.col-sm-12 {
    width: 100%!important;
    flex: unset!important;
    max-width: unset!important;
}}
.container {
    width: 100%;
    max-width: 1350px;
}

@media (min-width: 992px){
.footer .list--horizontal {
    justify-content: center;
    align-items: center;
    height: 100%;
    margin-top: 1.5rem;
    margin-bottom: 0.5rem;
}}
.product-block .sicon-shopping-bag::before {
  content: "\ef36 " " " "أضف للسلة";
  font-family: sky-bold,sallaicons !important;
  color: #fff;
  font-size: 15px;
  line-height: 2.2 !important;
}
ter .store-about::before {
  display: block;
  content: "";
  width: 91%;
margin: 0 -13px 8px 17px;
  background: url(https://i.imgur.com/SKj7wb4.png);
    background-repeat: repeat;
    background-size: auto;
  background-repeat: repeat; 
  background-size: auto;
 height: 78px;
background-size: 80%;
background-repeat: no-repeat !IMPORTANT;
}
body > footer > div.container > div.footer__top > div > div:nth-child(2) > div > ul > li:nth-child(1) > a {
    background-color: #260e0e00;
    color: #f8a725;
}
body > footer > div.container > div.footer__top > div > div:nth-child(2) > div > ul > li:nth-child(2) > a {
    background-color: #260e0e00;
    color: #f8a725;
}
body > footer > div.container > div.footer__top > div > div:nth-child(2) > div > ul > li:nth-child(3) > a {
     background-color: #260e0e00;

    color: #f8a725;
}
body > footer > div.container > div.footer__top > div > div:nth-child(2) > div > ul > li:nth-child(4) > a {
    background-color: #260e0e00;

    color: #f8a725;

}
body > footer > div.container > div.footer__top > div > div:nth-child(2) > div > ul > li:nth-child(5) > a {
       background-color: #260e0e00;

    color: #f8a725;
}
body > footer > div.container > div.footer__top > div > div:nth-child(2) > div > ul > li:nth-child(6) > a {
       background-color: #260e0e00;

    color: #f8a725;
}
.foo
body > footer > div.container > div.footer__top > div > div:nth-child(1) {
  order: 3;
}
.footer .footer-list li a i {
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
    color:#324e88;
}
 .footer .footer-list {
  display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
}
   .store-feature__icon {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column-reverse;
   width: 96px;
height: 52px;
    position: relative;
    font-size: var(--font-xxxlg);
    color: var(--color-main);
    border-radius: 50%;
    overflow: hidden;
  margin: -1px -14px 18px;
    flex-wrap: wrap;
    align-content: center;
}

.page-wrapper {
  position: relative;
  min-height: 50vh;
  padding: 20px 0;
   ackground-image: url(https://i.imgur.com/ux4MJ6p.jpg);
}
  @media only screen and (max-width: 767px){
.footer__bottom .container > :last-child {
  margin-top: 10px;
  color: #fff;
}}
.product-block > div {
  width: 100%;
  position: relative;
 background-color: #f7f7f7;
}
.store-certificate__text .number {
    color: #b98e4e;
}
@media (min-width: 992px){
ul.footer-list--row:nth-child(2) {
    justify-content: center;
}}
@media (min-width: 992px){
.footer {
    order: 2;
}}

.title--has-dash::before {
  content: "";
  display: inline-block;
  width: 4px;
  height: 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  border-radius: 4px;
  background-color: var(--color-text);
  display: NONE;
}
.top-header {
    border-bottom: -27px solid var(--color-grey);
    padding: 8px 0;
}
.btn--add-to-cart {
    padding: 4px 12px 3px 10px;
    font-size: var(--font-lg);
    color: var(--color-text-reverse);
background: linear-gradient(90deg, rgb(55, 89, 130) 0%, rgb(59, 85, 128) 34%, rgb(80, 108, 154) 100%);
}

.store-feature__icon i {
  opacity: inherit;
}

.avatar-wrapper--primary {
  background: #f4f4f4;
}
.category-wrapper {
    background:#fafbfc;
    padding: 40px 0 100px;
}

.splide__track {
  position: revert-layer;
  z-index: 0;
  overflow: hidden;
}
.nav-desktop ul .menu-item.active > a {
background: linear-gradient(90deg, rgb(163, 186, 214) 0%, rgb(160, 184, 213) 34%, rgb(165, 187, 215) 100%);
}
.fo.footer__mid {
    padding-top: 0px;
    padding-bottom: 1px;
  
}
.btn--primary, .shipping-tracker > a {
 color: #fff;
background: linear-gradient(90deg, rgb(39, 60, 94) 0%, rgb(38, 63, 106) 34%, rgb(39, 60, 96) 100%);

}
.color-muted {
    color: #3e3e3e!important;
}
.placeholder-block i {
    flex-direction: row;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    font-size: var(--font-xxxlg);
    color: #545454;
    background: var(--color-grey);
    margin: 0 0 20px;
}
@media (min-width: 992px){
.product-block .btn--floated .s-button-element {
    line-height: unset;
    color: inherit;
    width: 100%;
    /* height: unset; */
    font-size: unset;
}}
@media (min-width: 992px)
.product-block .s-button-element .s-button-text {
    margin: 0 0.25rem;
    display: none;
}}
.title--primary::before {
  background-color: #b28775 !important;
}
@media (min-width: 992px){
.product-block .product-block__info h2 {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
line-height: normal;
width: 100%;
font-family: revert;
color: #4f6b99 !important;
font-size: 1.05rem;
font-weight: 700;
}}
@media (min-width: 992px){
.title--has-dash {
    position: relative;
    padding-right: 3px;
    min-width: max-content;
    padding-top: 18px;
   color: #4d6996 !important;
    font-weight: 700;
        font-family: Almarai, sans-serif !important;

}
}
.nav-mobile .main-nav li a i {
    display: block;
    transition: all .5s cubic-bezier(.2,1,.3,1);
    font-size: var(--font-base);
    margin-bottom: 3px;
}
@media (max-width: 991px){
.nav-mobile .main-nav li a {
    display: block;
    width: 100%;
    height: auto;
    padding: 10px 5px;
    font-size: 0;
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
}}
.nav-mobile {
    position: fixed;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 99999999;
    display: none;
    transition: .4s cubic-bezier(.55,0,.1,1) 0s;
}
.footer__mid {
    padding-top: 15px;
    padding-bottom: 1px;
    border-top: 0px solid 
}
@media only screen and (max-width: 992px){
.nav-mobile {
    display: block;
}}
.text-unicode {
    unicode-bidi: plaintext;
    direction: rtl;
    letter-spacing: 1px;
    color: #ffffff !important;
        display: none;

}
.checkbox--primary input[type="checkbox"]:checked + label::before, .checkbox--primary input[type="radio"]:checked + label::before {
  background-color: #bf7657;
}
.footer__block p, .footer__block a {
  font-size: var(--font-sm);
  font-family: Almarai, sans-serif !important;
}

.nav-desktop ul .menu-item:hover > a, .nav-desktop ul .menu-item:not(.mega-menu) .sub-menu ul li:hover, .nav-desktop ul .menu-item > a:hover {
  background: #eee;
border: 0 solid #000;
color: #FFFFF;
border-radius: 28px;;
}
.store-about {
  flex-direction: column;
}
.nav-mobile .main-nav li a.active i, .nav-mobile .main-nav li a:hover i {
  color: #fff;
  pointer-events: none;
}
.mm-spn a:hover {
  color: #6989ca;
}
[class^="sicon-"], [class*=" sicon-"] {
    font-family: sallaicons !important;
    speak: never;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff;
}
@media only screen and (max-width: 767px){
.side-panel__content {
    content: "";
    height: 100%;
    width: 80%;
    max-width: 400px;
    min-width: 280px;
    left: 0;
    top: 0;
    padding: 30px 20px 20px;
    position: absolute;
    z-index: 0;
    background: #fff;
    background: #255179;
    overflow-y: auto;
    box-shadow: 0 0 3px 3px rgba(0,0,0,.15);
}}
.sicon-list::before {
color: #2f2f2f;
    content: "\ed33";

}
.mm-spn a {
  background: inherit;
  color: #324E88;
  text-decoration: none;
  transition: .3s;
}
.sicon-user::before {
    color: #ffffff;
  content: "\f078";
}
.sicon-home::before {
  content: "\ecb7";
   color: #2f2f2f;
}
.cart-progress .step__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  width: 50px;
  height: 50px;
  border-radius: 4px;
  background-color: #f5f7f9;
  background-color: #273C61;
  color: var(--color-text);
  margin-left: 10px;
  position: relative;
}
.side-panel .store-about img {
  margin-bottom: auto;
  max-width: 70%;
  height: auto;
  margin: auto;
    margin-bottom: auto;
  margin-bottom: 2em;
}
.price-wrapper > span {
  font-weight: 800;
   color: #3c4a66;
font-size: medium;
font-family: Almarai, sans-serif !important;
}
section.home-block.home-block--store-features.no-m {
    padding-bottom: 40px !important;
}
.store-feature__icon::before {
 content: "";
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: #d8c2906b;
opacity: 0.0;
pointer-events: none;
border-radius: 0px 0px 0 0;
}
@media (max-width: 991px){
.footer {
    border-top: unset;
    background: #eee;
    padding-top: 10px;
}}

.nav-mobile .main-nav li a.active, .nav-mobile .main-nav li a:hover {
    color: #839aca;
}
.side-panel .top-header__info a {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    color: #f7f7f7;
}
@media (max-width: 991px){
.footer .footer-list li a {
    display: block;
    width: 100%;
    height: auto;
    padding: 5px 0;
font-family: inherit;
    line-height: 1.2;
     color:#324e88;
}}
@media (max-width: 991px){
.nav-mobile .main-nav li a i:before {
    font-size: 1.3rem;
    color: #fff;
}}

@media (max-width: 991px){
.nav-mobile .main-nav {
    border-radius: unset;
    background-color: #324e88;
}}
body ul.footer-list--social-links li a {
    display: flex!important;
    justify-content: center;
    align-items: center;
    padding: 10px 0;
    
    background-image: url(https://i.ibb.co/rc6rqwJ/9wy-KLw-Ge-EQgs-Lim-GUPT4-LO1l-Kh-LRsqsqsq-COm-CJDKRYww7.jpg);
    width: 40px!important;
    height: 40px!important;
    border-radius: 50%;
    font-size: var(--font-lg);
    text-align: center;
background: linear-gradient(90deg, rgb(50, 78, 136) 0%, rgb(50, 78, 136) 34%, rgb(50, 78, 136) 100%);
}

@media (max-width: 991px){
.footer .store-contact-info > ul:nth-child(2) {
        flex-direction: row;

}}


body ul.footer-list--social-links li:hover a {
  background: var(--color-grey-light);
  color: var(--color-main);
}
  @media only screen and (max-width: 767px){
body ul.footer-list--social-links li a {
    display: flex!important;
    justify-content: center;
    align-items: center;
    padding: 10px 0;
    
    background-image: url(https://i.ibb.co/rc6rqwJ/9wy-KLw-Ge-EQgs-Lim-GUPT4-LO1l-Kh-LRsqsqsq-COm-CJDKRYww7.jpg);
    width: 40px!important;
    height: 40px!important;
    border-radius: 50%;
    font-size: var(--font-lg);
    text-align: center;
   background: linear-gradient(90deg, rgb(251, 251, 251) 0%, rgb(255, 255, 255) 34%, rgb(255, 255, 255) 100%);
}}

.cart-progress .step.is-active .step__icon {
   background-color: #273c61;
    color: #fff;
}
.header-block--nav-wrapper {
    padding: 0;

    background: linear-gradient(90deg, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 34%, rgb(255, 255, 255) 100%);
    border-bottom: -13px solid var(--color-grey-border);
}
@media (max-width: 991px){
.mm-spn li>a, .mm-spn li>span {
    padding: unset;
    padding-right: unset;
    height:59px;
    display: flex;
    align-items: center;
    font-size: 1.3rem;
    line-height: 5 !important;
    font-family: revert;
    position: relative;
}}
@media (max-width: 991px){
.mm-spn.mm-spn--light:after {
    content: "";
    display: block;
    background: url(https://cdn.salla.sa/mwoyE/0bD6qiGry9rwm9tAz6jabr30dbWkEoyxIIo0ANCV.png);
    background-size: 30%;
    background-repeat: no-repeat;
    background-position: center;
    margin: auto;
}}
.breadcrumb span {
    display: inline-block;
    position: relative;
    font-size: var(--font-sm);
    color: #242526;
}
.footer__bottom a {
    color: #bbd1ff;
}

.tabs-heads .tab-head .btn--grey.active, .tabs-heads .tab-head .btn--grey:hover, .tabs-heads .tab-head a--grey.active, .tabs-heads .tab-head a--grey:hover {
    color: var(--color-text-reverse);
 
    background: linear-gradient(90deg, rgb(220 185 136) 0%, rgb(219 185 136) 34%, rgb(221 183 135) 100%); }
    
body {
    overflow-x: hidden;
      background-size: contain;
}
.checkbox input[type="radio"] + label::before {
  border-radius: 50%;
  background-color: #b98e4e;
}

body, html {
    font-family: var(--font-main);
    font-size: var(--font-base);
    color: #040404;
    margin: 0;
    direction: rtl;
}

.footer .footer-list--row {
    flex-direction: row;
    flex-wrap: wrap;
}

.footer__block p {
   color: #324e88 !important;
}

.dmopMx {
    position: unset;
    width: 54px;
    margin: unset;
    display: none;
}
footer .footer-list li a:hover {
  color:#fff2ad;
}


.home-block {
  position: relative;
  padding: 1px 0;
    padding-top: 1px;
  padding-top: 1px;
   background-image: url(ttps://i.imgur.com/ux4MJ6p.jpg);
  background-size: 25pc;
}
.top-header .top-header__info li {
    position: unset;
    margin: 0 139px;
    display: none;
}
.splide__arrow {
  background-color: #4771a5;
  fill: #f7f7f7;
}
.form .form-group .form-control {
    width: 100%;
    min-height: 40px;
    padding: 0 15px;
    font-family: var(--font-base);
    font-size: var(--font-sm);
    color: var(--color-text);
    background-color: #ffffff;
    border-radius: 4px;
    transition: all .5s cubic-bezier(.2,1,.3,1);
    border: 1px solid #e3e3e3;
    box-shadow: none;
}
@media (min-width: 992px){
.footer * {
    color: #fff!important;
}}
@media (min-width: 992px){

.footer__block p {
    color: #ededed !important;
}}

.btn--primary.outlined {
    color: #ffffff;
    border: 1px solid #ffffff;
    background: 0 0;
}
.footer .footer__block {
    align-items: center;
    text-align: center;
}
.splide__arrows button[disabled] {
    opacity: 0.7;
}
.side-panel .store-about p {
    color: #fff;
    font-size: var(--font-base);
    line-height: 1.6;
    margin: 0px;
}
@media (max-width: 991px){
.title--has-dash:before {
    content: "";
    height: 25px;
    width: 25px;
    display: inline-block;
    background: url(https://i.imgur.com/XobyEVq.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: unset;
    transform: unset;
    vertical-align: middle;
    background-color: unset!important;
    margin-left: 5px;
}}


.nav-mobile .main-nav li a {
  display: block;
  width: 100%;
  height: auto;
  padding: 15px 5px;
  position: relative;
  transition: all .5s cubic-bezier(.2,1,.3,1);
  font-size: var(--font-base);
  font-weight: 400;
    color: #ffffff;
  text-align: center;
  white-space: nowrap;
  cursor: pointer;
} 
.home-block--fixed-products.show-all .title.title--x-large .btn, .home-block--slide-products.show-all .title.title--x-large .btn {
background: linear-gradient(90deg, rgb(235 222 187) 0%, rgb(231 207 172) 34%, rgb(231 212 160) 100%);
  border-bottom: 1px solid var(--color-grey-border);
  height: 38px;
  position: absolute;
  top: 64%;
  transform: translateY(-50%);
  left: 0;
  line-height: 1.7;
}
.footer .payment-methods-wrap {
background-color: #fff;
border-radius: 50px;
    justify-content: center;
    align-items: center;
    -WEBKIT-WRITING-MODE: inherit;
    MARGIN: 12px;
}
.btn--grey {
color: #fff;
background: linear-gradient(90deg, rgb(50, 78, 136) 0%, rgb(77, 102, 153) 34%, rgb(50, 78, 136) 100%);
footer .footer-list li a:hover {
}
.footer__block {
    padding: 22px 0 2px;
}

.footer__block {
 display: flex;
    height: 100%;
    flex-wrap: wrap;
}
.nav-desktop ul .menu-item.dropdown .sub-menu ul a {
  padding: 10px 0;
  background-color: white;
}
  @media only screen and (max-width: 767px) {
.home-block--main-slider {
  padding: 0 0 0px !important;
}
}
  @media only screen and (max-width: 480px) {
.products-list-container {
  grid-template-columns: repeat(auto-fit,minmax(140px,1fr)) !important;
}
}
  @media only screen and (max-width: 992px) {
.products-list-container {
  grid-gap: 8px;
}
}
.footer .footer-list--row li {
  width: revert;
  margin-left: 46px;
  margin-inline: auto;
}
*img{
  border: 2px solid gold;
  border-radius: 8px;
  width: 200px;
}