/* Add custom CSS styles below */ 
@import "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css";
@import "https://fonts.googleapis.com/css2?family=Noto+Kufi+Arabic:wght@100&display=swap";
@import 'https://fonts.googleapis.com/css2?family=Cairo:wght@200..1000&display=swap';
body *:not(i) {
  font-family:cairo!important
}
:root {
  --main-text-color: #000!important;
  --clrPrinc: #4b295b;
  --clrSec: #62DADD;
  --clrTrois: #29CEAE;
}
.s-product-card-vertical {
  flex-direction:column;
  border-style:solid;
  border-width:15px
}
[dir=rtl] .s-product-card-vertical .s-product-card-wishlist-btn {
  left:.1rem;
  right:auto;
  right:initial;
  color:#1dd3b0;
}
.s-product-card-vertical:hover .s-product-card-image img.loaded {
  scale:1.2
}
.s-product-card-content {
  text-align:center;
  justify-content:center;
  background:#1a1a1a
}
button.s-product-card-wishlist-btn.animated.s-button-element.s-button-icon.s-button-fill-none.s-button-light.s-button-loader-center {
  color:#1dd3b0!important;
  background:#2b2b2b!important
}
.s-product-card-content-sub {
  justify-content:center
}
.s-product-card-image img.loaded {
  transition:.5s
}
.s-product-card-entry {
  position:relative;
  display:flex;
  height:100%;
  justify-content:space-between;
  border-radius:.75rem;
  --tw-bg-opacity: 1;
  transition-property:box-shadow;
  transition-timing-function:cubic-bezier(.4,0,.2,1);
  transition-duration:300ms;
  border-style:solid!important;
  border-width:10px!important
}
.s-product-card-image {
  position:relative;
  height:100%;
  width:100%;
  flex-shrink:0;
  overflow:hidden;
  --tw-bg-opacity: 1;
  background-color:#1a1a1a;
  border-style:groove!important;
  border-width:2px;
  border-color:#1a1a1a
}
.s-product-card-entry {
  border-block-color:inherit;
  background:border-box;
  margin-left:10px;
  margin-right:10px;
  border:#1dd3b0;
  border-width:thin!important
}
.s-product-card-content {
  position:relative;
  display:flex;
  flex-direction:column;
  padding:.75rem;
  border-bottom-left-radius:15px;
  border-bottom-right-radius:20px;
  background-image:#1dd3b0!important
}
.s-product-card-image {
  border-width:0
}
.s-product-card-promotion-title {
  background-color: var(--clrPrinc) !important;
}
.max-w-sm,
.store-footer a,
.s-product-card-content-title a,
.s-product-card-price,
[dir=rtl] .rtl\:pl-3,
.mb-2 {
  color:#1dd3b0!important
}
.s-product-card-entry {
  margin-left:0!important;
  margin-right:0!important
}
.s-products-slider-wrapper[block-title="منتجات قد تعجبك"] .swiper-wrapper {
  gap:10px!important
}
.s-product-card-entry {
  border:none!important;
  box-shadow:0 10px 15px -3px rgba(0,0,0,.1)
}
.s-product-card-entry,
.s-product-card-content {
  background:0 0!important
}
.s-product-card-entry {
  border:#1dd3b0 solid 2px!important;
  border-radius:1rem!important
}

.max-w-sm,
.store-footer a,
.s-product-card-content-title a,
.s-product-card-price,
[dir=rtl] .rtl\:pl-3,
.mb-2 {
  color:#fff!important
}
.s-product-card-entry {
  background:rgb(44,44,44,.5)!important
}
.s-product-card-entry {
  background:rgb(44,44,44,.5)!important
}
.s-product-card-entry {
  background:#2c2c2c!important
}
.s-product-card-content:not(button):not(.s-product-card-sale-price) {
  color:#1dd3b0!important
}
.s-product-card-content-title a {
  color:#fff!important
}
.s-product-card-sale-price {
  color: #4b295b!important
}
.s-product-card-entry {
  border:#fff solid 2px!important;
  border-radius:1rem!important
}

.s-product-card-price {
  color:#fff!important
}
.s-product-card-sale-price h4 {
  color:#fff!important
}
.s-product-card-image {
  max-height:320px!important;
  position:relative!important;
  background-position:center center!important;
  background:#1a1a1a!important
}
.s-product-card-image img {
  background-size:cover!important;
  max-height:100%!important;
  background-position:top center!important;
  margin:auto!important
}
.s-product-card-image {
  margin-top:-80px!important;
  max-width:calc(100% - 30px)!important;
  margin-right:15px!important;
  border-radius:25px!important;
  box-shadow:0 10px 15px -3px rgba(0,0,0,.1)!important
}
.s-products-list-wrapper {
  overflow:visible!important;
  padding-top:100px!important;
  padding-bottom:100px!important
}
.s-products-list-vertical-cards {
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:.625rem;
  row-gap:.625rem;
  row-gap:100px!important
}
.s-product-card-entry {
  background:var(--clrTrois) !important;
  box-shadow:0 10px 15px -3px rgba(0,0,0,.1)!important;
  border:none!important
}

.s-products-slider-wrapper .carousel-slider .swiper-wrapper {
  padding-top:100px!important
}
@media screen and (max-width:767px) {

  .s-products-list-vertical-cards {
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:.625rem;
    row-gap:.625rem;
    row-gap:100px!important
  }
  .grid-cols-\[repeat\(2\2c minmax\(0\2c 1fr\)\)\] {
    grid-template-columns:repeat(4,minmax(0,1fr))!important
  }
  .s-block--features__item:first-child {
    grid-column:1/2!important
  }
}
.s-product-card-content-title a {
  max-height:45px!important;
  overflow:hidden
}
@media screen and (max-width:767px) {
  .index .s-block--best-offers salla-slider .swiper-slide {
    max-width:48vw!important
  }
}
.s-block--features__item h2,
.s-product-card-price,
.s-slider-block__display-all,
h2.font-bold,
.text-primary,
.text-gray-500 {
  color: var(--clrPrinc) !important;
}
.s-products-list-filters-results {
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:.625rem;
  row-gap:.625rem;
  row-gap:100px
}

.s-product-card-content .s-product-card-price {
  color:#fff!important
}
.s-filters-widget-container {
  margin-bottom:1.25rem;
  padding-bottom:1.25rem;
  padding-top:1.25rem;
/*  background:#000*/
}
.s-block--features__item h2,
.s-product-card-price,
.s-slider-block__display-all {
  color:#000!important
}
.s-product-card-image-contain {
  -o-object-fit: contain;
  object-fit: cover;
}


.main-menu li.root-level > a {
  color: var(--clrPrinc) !important;
}

.s-product-card-entry .s-button-element {
  color:
#62DADD !important;
  background: var(--clrPrinc) !important;
}
.s-product-card-promotion-title {
  background-color: red !important;
}
.s-product-card-content .s-product-card-price {
  color: #000 !important;
}
.s-product-card-image:hover{
    opacity: 1
}

section.s-block.s-block--fixed-banner.wide-placeholder {
  margin-top:0
}
section.s-block.s-block--fixed-banner.wide-placeholder:first-of-type .container {
  margin:0;
  width:100%;
  max-width:100%;
  padding:0
}
@media only screen and (min-width:768px) {
  section.s-block.s-block--fixed-banner.wide-placeholder:first-of-type {
    margin-top:-10px!important
  }
}
.banner--fixed img {
  background:#333
}
ul.main-menu.mm-spn--open {
  background:0 0
}

.banner--fixed img {
  background:0 0;
  margin-top:10px
}
.banner--fixed img {
  background:0 0;
  margin-top:10px;
  border-radius:1rem!important
}
.s-block--banners div.md\:grid-cols-3 .s-block--banners div.md\:grid-cols-3 .banner-entry>div {
  background-size:contain!important;
  background-repeat:no-repeat!important
}
.s-block--banners div.md\:grid-cols-3 .banner-entry {
  height:200px!important;
  background-size:contain!important;
  background:0 0!important;
  max-width:100%;
  border-radius:1rem
}
.s-block--banners div.md\:grid-cols-3 {
  display:grid!important;
  grid-template-columns:repeat(4,25%)!important;
  grid-gap: 5px!important
}
.s-block--full-banner .full-banner-entry {
  background:#1dd3b0!important;
  max-height:200px;
  padding:0!important
}
.s-block--full-banner .full-banner-entry .h-full {
  padding:0!important
}
.s-block--full-banner .overlay {
  display:none!important
}
.s-block--full-banner .full-banner-entry .h-full h2 {
  color:#fff!important;
  font-size:1.6rem!important
}
.s-block--full-banner .full-banner-entry a {
  background:#000!important;
  font-size:1.2rem!important;
  border-color:#fff!important;
  border-bottom:#fff solid 5px!important;
  color:#fff!important;
  margin-top:15px!important;
  border-radius:3rem!important
}
.s-block--full-banner .full-banner-entry a {
  background:#000!important;
  font-size:1.2rem!important;
  border-color:#fff!important;
  border-bottom:#fff solid 5px!important;
  color:#fff!important;
  margin-top:15px!important;
  border-radius:3rem!important;
  -webkit-animation:bounce-top 2s infinite;
  animation:bounce-top 2s infinite
}
@media screen and (max-width:767px) {
  .s-block--banners div.md\:grid-cols-3 {
    display:grid!important;
    grid-template-columns:repeat(2,1fr)!important;
    gap:5px!important
  }
  .s-block--banners div.md\:grid-cols-3 .banner-entry {
    height:80px!important;
    background-size:contain!important;
    background:0 0!important;
    max-width:100%;
    border-radius:1rem
  }
}
@media screen and (max-width:300px) {
  .s-block--banners div.md\:grid-cols-3 .banner-entry {
    height:60px!important;
    background-size:contain!important;
    background:0 0!important;
    max-width:100%;
    border-radius:1rem
  }
}
.s-reviews-container .swiper-slide-active .s-reviews-testimonial {
  background: var(--clrTrois) !important;
}

.s-reviews-header {
  color:#000!important
}
.lg\:hidden.contact-social {
  display:flex!important;
  justify-content:center!important
}
.s-reviews-testimonial__text p {
  color:#000 !important;
}
.navbar-brand img{
    max-height: 5rem
}
.s-contacts-topnav-link {
  display:none!important
}
.s-reviews-header {
  color:#000!important;
  margin:10px auto;
  color:#000!important;
  border-bottom:#000 solid 3px!important;
  padding-bottom:10px!important
}
.s-reviews-testimonial__info h2 {
  color: var(--clrPrinc) !important
}
.s-reviews-container .swiper-slide-prev .s-reviews-testimonial {
  align-items: center;
  justify-content: flex-end;
  background:  var(--clrPrinc) !important;
}
.footer-is-light .store-footer .store-footer__inner{
background-color: var(--clrPrinc) !important; 
    color: #fff !important
}
.top-navbar{
    background: var(--clrTrois) !important;
}
.header-btn__icon{
    
    color: var(--clrPrinc) !important;
    background: var(--clrTrois) !important;
}
.store-footer h3{
color:var(--clrTrois) !important; }
img.h-80.mb-10.w-full.object-cover.rounded-md{
    object-fit: contain
}
@media screen and (max-width:767px) {
ul li ul.mm-spn--open li ul.mm-spn--open{
      background-color: #fff

}

ul li ul.mm-spn--open li ul.mm-spn--open li a{
      color: var(--clrPrinc) !important;
  
    }}