@import url('https://fonts.googleapis.com/css2?family=Cairo&display=swap');
*{
    font-family: 'Cairo', sans-serif !important;
}
 .title--small {
    font-family: 'Cairo', sans-serif;
     font-weight: 400;
}
@keyframes logobg {
    0% {
        transform: scale(1);
    }

    20% {
        transform: scale(1);
    }

    78% {
        transform: scale(1);
    }

    100% {
        transform: scale(0);
}}
body.index:before {
    content: "";
    width: 100%;
    height: 100%;
    background: #f1e6da61 url(https://cdn.salla.sa/wGwDe/WlFasygryuMlbbx3lU3aZDGDXOzsjXGFlz7XLuiz.png);
    position: fixed;
    z-index: 99999999999999999 !important;
    transform: scale(0);
    background-size: 120px !important;
    background-repeat: no-repeat;
    background-position: center !important;
    animation-name: logobg;
    animation-duration: 3s;
    backdrop-filter: blur(4px);
}footer.footer {
    background-color: #ffe8d0;

}.title--has-dash:before {
    background: #e7cd69 !important;
}.footer__bottom {
    background: #ffe8d0;
}.badge--danger {
    background: #18b6a1;
}.testimonial-entry *{text-align: center;font-weight: bold;}.testimonial-entry {
    justify-content: center;
    align-items: center;
}.testimonial-entry__info {
    width: 100%;
    margin: auto;
    text-align: center !important;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}.avatar-wrapper--small
 {box-shadow: 0px 0px 16px #192436;
   margin: 5px;
   border: 1px solid #192436;
   width: 80px;
   height: 80px;
   display: flex;
   justify-content: center;
   align-items: center;
 }
.testimonial-entry__excerpt p {
    color: #192436;
}.testimonial-entry {
    border-radius: 30px;
    box-shadow: 0px 0px 8px #00000017;
    position: relative;
    margin: 8px 1px;
    margin-bottom: 0px;
    background-color : #dbdbdb54;
}.testimonial-entry:before {
 content:
 " ";
 display: block;
 position: absolute;
 width: 70px;
 height: 60px;
 top: 20px;
 right: 229px;
 background: url(https://cdn.salla.sa/wGwDe/WlFasygryuMlbbx3lU3aZDGDXOzsjXGFlz7XLuiz.png) no-repeat;
 z-index: 100;
 background-size: contain;
 background-position: center;
}body > section.home-block.home-block--bg.home-block--testimonials.no-m > div > div:nth-child(1) > div > div {
    text-align: center;
}@keyframes float {
 0% {
  transform: translatey(0px);
 }
 50% {
  transform: translatey(-20px);
 }
 100% {
  transform: translatey(0px);
 }
}@keyframes shadeanm {
 0% {
  box-shadow: 0 5px 15px 0px rgba(0,0,0,0.6);
 }
 50% {
  box-shadow: 0 15px 15px 0px rgba(0,0,0,0.2);
 }
 100% {
  box-shadow: 0 5px 15px 0px rgba(0,0,0,0.6);
 }
}.store-feature__icon{
    background:linear-gradient( 227deg, #dfcda5, #dfd6c6);
    animation: float 4s ease-in-out infinite, shadeanm 4s ease-in-out infinite;
    color: #ffffff;
}
.store-feature__icon i{
  color : #000
}

@media (max-width: 576px){
 section.home-block.home-block--store-features .col-sm-12 {
    display: inline-block;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    flex: 1 1 0%;
    font-weight: bold;
}.home-block--store-features .container .row .col-sm-12 .store-feature .title--large {
    font-size: 17px !important;
}.home-block--store-features .container .row .col-sm-12 .store-feature p {
    font-size: 12px !important;
}}.product-block .btn--add-to-cart {
    position: initial;
    display: block;
    border-radius: 50px;
    padding: 3px 0!important;
    width: 90%!important;
    height: auto!important;
    margin: 8px auto 10px auto!important;
    padding: 5px !important;
    border: 2px solid var(--color-primary);
    background: no-repeat;
}.product-block .btn--add-to-cart:not(.disabled) i:after {
    content: 'اضف للسلة';
    margin-inline: 0.5rem;
    font-family: 'Tajawal';
    font-weight: bold;
    color : #b97b00;
}.s-button-text {
    display: block;
    pointer-events: visible;
    overflow: visible;
    text-overflow: unset;
    white-space: nowrap;
    color: #fff;
    font-weight: bold !important;
    font-size: 14.5px;
}.product-block .btn--add-to-cart:hover .s-button-text{
  color: #fff;
}.product-block .btn--add-to-cart:hover {
    background: var(--color-primary);
}header .site-header .theme-logo a img {
    transform: scale(1.1);
}.header-side-panel-trigger,header .site-header__cart .price,header .site-header__cart i {
    font-size: 26px;
    color: #ffffff;
}.sicon-cart:before {
    content: "\ef36";
}.placeholder-block.white i:before {
    background: url(https://cdn.salla.sa/wGwDe/WlFasygryuMlbbx3lU3aZDGDXOzsjXGFlz7XLuiz.png) no-repeat;
    background-size: 83%;
    width: 162px;
    height: 122px;
    display: block;
    background-position: center;
    color: transparent;
}.btn.btn--wide.btn--padded.btn--oval.btn--primary::before ,.btn.btn--wide.btn--padded.btn--oval.btn--primary::after{
    content: " ";
    display: block;
    width: 40px;
    height: 40px;
    background: #ffab02;
    position: absolute;
    top: 18px;
    width: 50px;
    height: 15px;
    border-radius: 50%;
    z-index: -1;
    transition:  left, right ,0.9s ease-in-out;
 }.btn.btn--wide.btn--padded.btn--oval.btn--primary::before {
    right: -10%;
 }.btn.btn--wide.btn--padded.btn--oval.btn--primary::after {
    left: -10%;
 }.btn.btn--wide.btn--padded.btn--oval.btn--primary:hover::before{
    right: 0%;
    border-radius: 0;
    height: 120px;
    top: -10px;
    width: 400px;
 }.btn.btn--wide.btn--padded.btn--oval.btn--primary:hover::after{
    left:0%;
    border-radius: 0;
    height: 120px;
    top: 20px;
    width: 400px;
 }.btn.btn--wide.btn--padded.btn--oval.btn--primary:hover{
    color: #fff;
    overflow: hidden;
 }.btn.btn--wide.btn--padded.btn--oval.btn--primary {
     background: no-repeat;
     border: 2px solid #192436;
     color: #192436;
     overflow: hidden;
     position:relative;
     width:38%;
     margin:auto;
 }.splide--testimonials .splide__list {
    padding-bottom: 10px !important;
}.s-cart-summary-icon svg {
    
    width: 2rem;
    height: 1.70rem;
}.footer .footer-list--payment-methods li img {
    border-radius: 5px;
    background: #fff;
    margin: 5px;
    padding: 2px;
    outline: 2px solid #fff;
}.footer .footer-list--payment-methods {
    overflow: visible;
}.side-panel__content .d-flex{
    display: block !important;
    text-align: center;
}.side-panel .store-about img {
    margin: auto;
    margin-bottom: 20px;
    max-width: 150px;
}header.fixed-pinned .site-header{
    background: linear-gradient( 90deg, #ffb000, #fbdda9);
    backdrop-filter: blur(5px);
}.title--has-dash:before {
    width: 15px;
    height: 15px;
    position: absolute;
    right: -5px;
}input.s-quantity-input-input {
    background: #f5f7f9;
}button.undefined.s-button-element.s-button-btn.s-button-solid.s-button-wide.s-button-primary.s-button-loader-end span {
    color: #fff;
}.product-block {
    border-radius: 20px;
    box-shadow: 0px 0px 5px #2c0f0f24;
    transition: transform .2s;
}
.product-block:hover{
    transform: scale(1.1);
}

.tamara-product-widget, .spotii-wrapper{
     box-shadow: 0px 0px 5px #2c0f0f24;
     border-radius: 20px !important;
}div#tabbyPromoWrapper {
    border: 2px solid #eee;
    border-right: 4px solid #3bffc0;
    border-radius: 15px;
}.btn--tag {
    background: #ffe8d0;
    color: #000;
    text-decoration: none;
    border-radius: 20px;
    font-size: 11px;
    padding: 5px 10px !important;
}.nav-desktop--horizontal>ul .menu-item>a {
    font-weight: bold;
}
ul.footer-list.store-links-items {
    display: grid;
    grid-template-columns: 2fr 2fr;
}
ul.footer-list.store-links-items li {
    margin-right: 15px;
    padding: 4px;
    display: block;
}
ul.footer-list.store-links-items li a {
    background: #e7a82661;
    text-align: center;
    border-radius: 10px;
    font-size: 12px;
}

.footer .footer-list li a:hover {
  color : #fff;
  background: #ffb600
}

.spotii-wrapper * {
    color: #192436 !important;
}.spotii-wrapper {
    border-bottom: 4px solid #192436;
}
.tamara-product-widget {border-top-color: #1924368a !important;border-width: 4px !important;}
.site-header {
    background: linear-gradient( 90deg, #ffb000, #fbdda9);
    }
button.undefined.s-button-element.s-button-btn.s-button-solid.s-button-wide.s-button-primary.s-button-loader-center span {
    color: #fff !important;
}.nav-mobile .main-nav li a *,.nav-mobile .main-nav li a {
    font-weight: bold;
    color: #ffffff;
}header .site-header__wrapper .theme-logo span {display: none;}
.nav-mobile .main-nav {
    background:#ffab02;
    backdrop-filter: blur(5px);
}.side-panel.mobile-side-panel .side-panel__content {
    background: #ffe8d0;
    align-items: center;
}.side-panel.mobile-side-panel .side-panel__content * {
    color: #000;
}p.text-gray-400.mb-2\.5.md\:mb-0 a.hover\:text-primary {
    display: none;
}
.top-header{
  background :linear-gradient( 175deg, #ffb000, #fbdda9)
}
.products-list-container{

transition: transform .2s;
}
.splide--images .splide__slide img{
transition: transform .2s;
}
.splide--images .splide__slide img:hover{
transform : scale(1.1)
}
.s-quick-buy-button .s-button-text{
  color : #000
}
.s-quick-buy-button .s-button-text:hover{
  color : #fff
}

.view-comment__comment .comment-wrapper .admin .name{
    color: #b5aba0;
}
.view-comment__comment img{
border: 1px solid #000;
}
.nav-mobile .main-nav li a *, .nav-mobile .main-nav li a
{
  color : #000
}
.header-side-panel-trigger, header .site-header__cart .price, header .site-header__cart i{
  color : #000
}
.footer__block{
  display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
    height: 100%;
    text-align: center;
}
.title--primary{
    font-weight: bold;

}


.sicon-store2:before{
content: url(https://cdn.salla.sa/wGwDe/428dhybp26Q90zXupPM0ALikJCJXoYyD4ClMSRdw.png);
}
.sicon-shipping-fast:before{
    content: url(https://cdn.salla.sa/wGwDe/vghLrfGes0vTCfBqIMwYdN3AEbRw9qmh2J4YpOPp.png);
}

.sicon-fire:before{
content: url(https://cdn.salla.sa/wGwDe/V9qQSeyZ6IgnXfRLmK5KnoxFkxvS4VZl64geHhn2.png);
}

.home-block--bg{
  background : #fff;

}

.footer .footer-list li a:hover{
  
}

.nav-mobile .main-nav li a:hover, .nav-mobile .main-nav li a.active{

  color : #fff;
}


.nav-mobile .main-nav li a i  :hover{
  color:#fff;
}
.bg-grey{

}

.btn--add-to-cart span {
  color: #f7af2b;
}

.footer .footer-list--row{
  margin: 7px auto;
  margin-right: 3px;
  

}

.footer__block{
  display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
    height: 100%;
    text-align: center;
}

.footer .footer-list--row li{

margin-right: 16px;
}