/* Add custom CSS styles below */ 

@media (max-width: 992px) {

    :is([dir="rtl"] .mm-spn.mm-spn--navbar):after,
    :is([dir="rtl"] .mm-spn.mm-spn--navbar.mm-spn--main):after {
      background: rgb(9,64,103);
      color: #fff !important;
    }
    .mm-ocd--open .mm-ocd__content::before {
      background: url("https://cdn.salla.sa/cdn-cgi/image/fit=scale-down,width=400,height=400,onerror=redirect,format=auto/NoWKm/ISNzcRzfMMKuBsXIhS053jOek6cVNbqV8Q5vwzCd.png")
        center/50% no-repeat #fff;
      font-size: 18px;
      content: "";
      width: 100%;
      margin: auto;
      height: 30%;
      background-size:contain;
      justify-content: center;
      display: flex;
    }
    .mm-spn ul.main-menu li:before {
      color: rgb(9,64,103) !important;
      opacity: 1 !important;
    }
    [dir="rtl"] .mm-spn.mm-spn--navbar:before {
      color: rgb(9,64,103) !important;
    }h2.text-3xl.font-bold.tracking-tight.text-store-text-primary.sm\:text-4xl:after {


 
    width:40px;
    height:40px;
  }
  }
  
  
  button.s-button-element.s-button-btn.s-button-outline.s-button-sm.s-button-wide.s-button-primary-outline,
  a.btn.btn--outline-primary {
    background: rgb(9,64,103) !important;
    color: #fff !important;
  }

  .review.swiper-slide div {
    justify-content: center !important;
    text-align: center !important;
  }
  .store-footer .social-link:hover {
       background: rgb(9,64,103) !important;
    color: #fff;
    transition: 0.3s;
  }
  .store-footer__inner {
    margin-top: 1rem;
  }
  .footer-is-custom .store-footer .store-footer__curve {
    color: #fff;
  }

  custom-salla-product-card {
    box-shadow: 5px 5px 7px #ddd;
    border-radius: 10px;
  }
  .review.anime-item
    .flex.flex-col.justify-between.h-full.w-full.p-\[1\.4rem\].bg-store-bg-secondary.rounded-md.shadow-\[rgba\(50\,_50\,_105\,_0\.15\)_0px_2px_5px_0px\,_rgba\(0\,_0\,_0\,_0\.05\)_0px_1px_1px_0px\] {
    border: 2px solid rgb(9,64,103);
    border-radius: 0 25px;
  }
  .product-single
    .product-single__info
    .flex.text-\[\#f11e1e\].flex-grow.shrink-0 {
    display: none !important;
  }h2.text-3xl.font-bold.tracking-tight.text-store-text-primary.sm\:text-4xl:after {


    content:"";
    margin-right:5px;
    width:50px;
    position:absolute;
    height:50px;
    display:inline-block;
    background-image:url(https://i.ibb.co/bX8fSsq/airplane-1.gif) ;
    background-size:contain;
    background-repeat:no-repeat
}

.top-navbar:not(.topnav-has-bg) {
    background-color:  rgb(9,64,103) !important;
    color: #fff !important;
}  [dir="rtl"] .header-btn__icon.icon.sicon-cart,
  i.header-btn__icon.sicon-user {
    background:  rgb(9,64,103) !important;;
    border-radius: 20px;
    padding: 20px;
    color: #fff;
    margin-right: 10px;
  }
  
.store-footer__inner {
    background-image: url(https://i.ibb.co/NrGkvQr/Frame-26086977.png) !important;
    background-size:cover !important;
    background-color: #fff !important;
    padding-top: 11rem;
}


.store-footer__contacts-row {    background-color: #E8F2F9!important;
}
@media(max-width:992px){

    
.store-footer__inner {

    padding-top: 7rem;
}


}.color-mode-light custom-salla-product-card {
    background: linear-gradient(to top, #f7f7f7, #fff);
    border: 2px solid #094067;
}

button.undefined.s-button-element.s-button-btn.s-button-outline.s-button-sm.s-button-wide.s-button-light-outline.s-button-disabled.s-button-loader-center {
    /* opacity: 1; */
    background: red!important;
    color: #fff !important;
}section.s-block.s-block--banners.container.s-block--animate .banner-entry.anime-item {
    height: 300px;
    background-color: #FFF !important;
}

section.s-block.s-block--banners.container.s-block--animate .lazy__bg.lazy.entered.loaded {
    background-size: contain;
    background-repeat: no-repeat;
}

section.s-block.s-block--banners.container.s-block--animate .md\:grid-cols-2 {
    grid-template-columns: repeat(2,minmax(0,1fr));
}
@media(max-width:992px){

    section.s-block.s-block--banners.container.s-block--animate .banner-entry.anime-item {
    height: 180px;
    background-color: #FFF !important;
}

}
@media(max-width:772px){

    section.s-block.s-block--banners.container.s-block--animate .banner-entry.anime-item {
    height: 160px;
    background-color: #FFF !important;
}

}