/* START OF CSS STYLE CODE BY NUSSUQ.COM */
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Tajawal:wght@200;300;400;500;700;800;900&display=swap');

/* ====== GENERAL ====== */
body {background-color:#fff !important; font-family: "Tajawal", sans-serif !important;}
.s-button-danger {border-color: var(--color-primary);background-color: #fff;color: var(--color-primary);}
.font-thin {font-weight:400 !important}

/* ====== HEADER ====== */
.top-navbar {background:#fafafa}
.menu-nav {padding-top:0; padding-bottom:0}
.navbar-brand img {max-height: 4rem;}
.s-search-inline .s-search-input, .top-navbar .btn-select-type-coins {background:none;}

/* ====== SLIDER ====== */
.s-block.s-block--fixed-banner {margin:0 !important}
.banner--fixed img {background-color:transparent !important}

/* ====== CATEGORIES ====== */
.js-categories-component-url h4 {display:none}
.s-block--category__item a::before {display:none !important}
.js-categories-component h3 {text-align:center; margin: 0 auto 1rem}
.js-categories-component h3 span {color:var(--color-primary)}

@media (max-width:991px){
.swiper-backface-hidden .swiper-slide {height:150px !important; width:150px !important; margin:0 !important}
.swiper-backface-hidden .swiper-slide img {height:100% !important}
}

@media (min-width:992px){
.js-categories-component.s-block.s-block--category 
 .swiper-backface-hidden .swiper-slide {width:160px !important}
.js-categories-component.s-block.s-block--category a img {height:200px !important}
.js-categories-component.s-block.s-block--category .swiper-android .swiper-slide, .js-categories-component.s-block.s-block--category .swiper-wrapper {transition: unset !important;transform: unset !important; display: grid; grid-template-columns: repeat(7, 1fr); gap: 10px !important;}
.js-categories-component.s-block.s-block--category  .swiper-pagination {display:none}
}
.banner-entry a {position:absolute; top:0; bottom:0; right:0; left:0}

/* ====== BEST SELLERS ====== */
.s-block.s-block--best-seller {box-shadow:none !important}

/* ====== PRODUCTS ====== */
salla-slider .s-slider-block__title-right h2 {color:#000 !important}
salla-slider .s-slider-block__title-right h2::before {display:none}
.product-entry--vertical salla-button.btn--wishlist button, .product-entry--vertical salla-button.btn--compare button {background-color:#fff !important; border-color:transparent !important}
.product-entry .sale-ratio::before, .product-entry .sale-ratio::after {display:none}

.product-entry .bg {animation: puls 1s ease infinite;}

/* ====== TESTIMONAILS ====== */
.main-title::before {display:none}

/* ====== CONTACT US ====== */
footer>div.contact-us {background-color:#fafafa}

/* ====== FOOTER ======= */
footer .footer-wrapper::before {background:#fba25c; opacity:1}
footer .footer-wrapper .inner-footer.container .store-info .social-links li::before {display:none}
footer .footer-wrapper .inner-footer.container .store-info .social-links li i::before {color:#000}
footer .footer-wrapper .inner-footer.container .store-info .social-links li {border-color:#000}
footer>div.contact-us .contact-links a i {border-color:#000}
footer>div.contact-us .contact-links a i::before {color:#000}
footer .copyright p, footer .copyright a {font-size: .8rem; width: 80%; margin: 5px auto; color:#fff !important; font-weight:300 !important}
.menu-links a {color:#000 !important}
.contact-links * {color:#000 !important}

/* ====== SIDEBAR ====== */
@media only screen and (max-width: 1024px) {
.mm-spn li a, .mm-spn li span {font-weight: 400 !important;}
}

/* ====== CART ====== */
.cart .cart-item h3 {width:90%}
.cart salla-button.btn--wishlist button {background-color:#fff !important; border-color:#ddd !important}

@keyframes puls {
  0% {opacit:.3}
  100% {opacity:.1}
}