/* Add custom CSS styles below */ 
@font-face {
    font-family: PingARLT;
    src: url(https://cdn.salla.network/fonts/lib/pingarlt/PingARLT-Regular.woff2?v=0.2) format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: PingARLT;
    src: url(https://cdn.salla.network/fonts/lib/pingarlt/PingARLT-Regular.woff2?v=0.2) format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: PingARLT;
    src: url(https://cdn.salla.network/fonts/lib/pingarlt/PingARLT-Regular.woff2?v=0.2) format('woff2');
    font-weight: 200;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: PingARLT;
    src: url(https://cdn.salla.network/fonts/lib/pingarlt/PingARLT-Regular.woff2?v=0.2) format('woff2');
    font-weight: 100;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: PingARLT;
    src: url(https://cdn.salla.network/fonts/lib/pingarlt/PingARLT-Regular.woff2?v=0.2) format('woff2');
    font-weight: 100;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: PingARLT;
    src: url(https://cdn.salla.network/fonts/lib/pingarlt/PingARLT-Medium.woff2?v=0.2) format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: PingARLT;
    src: url(https://cdn.salla.network/fonts/lib/pingarlt/PingARLT-Bold.woff2?v=0.2) format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: PingARLT;
    src: url(https://cdn.salla.network/fonts/lib/pingarlt/PingARLT-Heavy.woff2?v=0.2) format('woff2');
    font-weight: 900;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: PingARLT;
    src: url(https://archive.org/download/ping-arlt-regular/PingARLT-Bold.woff2) format('woff2');
    font-weight: 800;
    font-style: normal;
    font-display: swap
}


:root {
--color-primary-dark :#13253b!important;
--color-primary-light:#d8d1bd!important;
--color-primary-reverse:#d8d1bd!important;
--main-text-color: #13253b!important;
--font-main: 'PingARLT'!important;
--color-red-warning:#f87171;
}

.main-nav-container {background-color: var(--color-primary-dark)!important;}

.bg-white {background-color: var(--color-light-grey);}

.sicon-user-circle, .sicon-shopping-bag, .s-cart-summary-total, .root-level {color: var(--color-primary-light)!important;}

.root-level :hover {color: var(--color-red-warning)!important;}

a.topnav-link-item, .copyright-text p{color: var(--color-primary-light)!important;}

.store-footer__inner, .top-navbar {background-color: var(--color-primary-dark)!important;}
.s-user-menu-trigger {background-color: var(--color-primary-dark)!important;}
.store-footer {
align-items:center!important;
color: var(--color-primary-light)!important;
background-color: var(--color-primary-dark)!important;}

.s-cart-summary-count {background-color: rgba(248,113,113,var(--tw-bg-opacity))!important;}

a.offers-link, .btn--close, .text-red-800{color: rgba(248,113,113,var(--tw-bg-opacity))!important;}

.promotion-title, .s-product-card-promotion-title {background-color:var(--color-primary-light)!important; color:var(--color-primary-dark)!important;}

.store-footer .copyright-text::after {
content: "Made By SAAR.SA";}

.lg\:grid-cols-6{
  display: grid!important;
  grid-template-columns: repeat(4,minmax(0,1fr))!important;
  flex-wrap: wrap!important;
  }
@media only screen and (max-width: 600px) {
.lg\:grid-cols-6{
  display: grid!important;
  grid-template-columns: repeat(1,minmax(0,1fr))!important;
  flex-wrap: wrap!important;
}}

.s-button-primary{
border-color: var(--color-primary-light)!important;
background-color: var(--color-primary-light)!important;
color: var(--color-primary-dark)!important;}

.s-button-primary:hover, .s-button-primary-outline:hover{
background-color: var(--color-primary-light)!important;
color: var(--color-primary-dark)!important;
}

.body, .h1, .h2, .h3, .p{font-family: PingARLT,var(--font-main),-apple-system,BlinkMacSystemFont!important;}

.swiper-wrapper a:hover, .main-menu a:hover {color: var(--color-primary-light)!important;}

.sicon-menu {color:var(--color-primary-light)!important;}

.s-product-card-sale-price h4 {
background-color:var(--color-primary-light)!important;
border-radius: 32px!important;
padding:4px 8px 4px 8px!important;
color:var(--color-red-warning)!important;
}
.s-block--hero-slider .swiper-slide .overlay-bg:after{
background-color: rgba(19, 37, 59, 0.5)!important;;
}
.s-block--hero-slider .swiper-slide{
display:flex!important;
height:100vh!important;
width:100vw!important;
}
.swiper-slide h2 {color:var(--color-primary-light)!important;}

.slide--cat-entry h2{color:var(--color-primary-dark)!important;}

.slide--cat-entry h2:hover{color:var(--color-primary-light)!important;}
a.slide--cat-entry {
height:200px!important;
width:180px!important;
background: rgba(255, 255, 255, 0.2)!important;
border-radius: 16px!important;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1)!important;
backdrop-filter: blur(5px)!important;
-webkit-backdrop-filter: blur(5px)!important;
border: 1px solid rgba(255, 255, 255, 0.3)!important;
margin-bottom:24px!important;
}
@media only screen and (max-width: 600px) {
.carousel-slider .swiper {
margin-left: -5rem!important;
}}

.slide--cat-entry img {
border-radius:8px!important;
height:90vh!important;
width:90vw!important;
background-size: cover!important;
}

.s-block--slider-with-bg {background: #F9FAFB!important;}

.feature-icon, .s-block--features__item {
background-color:rgba(19, 37, 59, 0)!important;
border-radius: 0px!important;
}

.s-block--features {
background: var(--color-primary-dark)!important;
border-radius: 8px!important;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1)!important;
backdrop-filter: blur(5px)!important;
-webkit-backdrop-filter: blur(5px)!important;
border: 1px solid rgba(255, 255, 255, 0.3)!important;
}

.s-block--features__item h2 {color:var(--color-primary-light)!important;}

//.s-block__title h2 {color:var(--color-primary-light)!important;}

.s-block--features__item p {color:#e5e7eb!important;}

.feature-icon i{
font-size: 4rem!important;
color:var(--color-primary-light)!important;
}

.s-block__title {
font-size: 32px!important;
justify-content: center!important;

}
.s-button-link {padding-bottom: 1rem!important;}

.s-block--special-products .tab-trigger {

font-size: 24px!important;
justify-content: center!important;
line-height: 3rem;
}

.footer-is-light .store-footer .contact-social {border-color:rgba(19, 37, 59, 0)!important;}


@media only screen and (max-width: 1024px){
.mm-spn.mm-spn--light {
    color: #D8D1BD!important;
    background: #13253B!important;)
    )
    
.s-user-menu-trigger {background-color: rgb(19 37 59)!important;}