@import url('https://fonts.googleapis.com/css2?family=Beiruti:wght@200..900&display=swap');
* {
  font-family: "Beiruti", serif;
  font-optical-sizing: auto;
  font-weight:700;
  font-style: normal;
}
body {    
background-image: url(https://i.ibb.co/BYcR21Y/Web-1920-1.png);
    background-size: cover;
}
section.s-block img{
    background-color: transparent;
    border-radius:20px;
}
footer.store-footer {
    background-color: transparent !important;
}
.store-footer__inner {
    background: #fff !important;
    color: #003438;
    border-radius:30px;
    margin-inline:20px;
}
footer.store-footer p {
    color : #003438 ;
}
.store-footer__inner {
    border: none;
}
.copyright-text p{
    color: #fff !important;
}
.sicon-user-circle:before {
    content: "\f078"
}
header  , .fixed-header .inner {
    background: #fff !important;
}
.top-navbar  {
    background-image:linear-gradient(270deg, #23b7c9 , #154c90 ) !important;
}
div#mainnav {
    background:transparent!important;
}
.shadow-default{
    box-shadow: 0 0 transparent !important;
} 
div#mainnav i.sicon-shopping-bag ,
i.sicon-user-circle{
    background-color: #154c90;
    color: #fff !important;
    border-color: #154c90 !important;
    box-shadow: 1px 1px 5px  #154c90 ;
}    
div#mainnav i.sicon-shopping-bag:hover ,
i.sicon-user-circle:hover{
    background-color: transparent;
    color:#154c90 !important;
    border-color: #154c90 !important;
}
b.s-cart-summary-total,
nav#mobile-menu{
    color:#154c90 !important;
}
ul.main-menu.mm-spn--open li:hover a {
    color:#20b9c7;
}
.top-navbar a{
    color:#fff !important;
}
.s-search-container.s-search-inline {
    background-color: #fff;
    border-radius:50px;
    box-shadow:1px 1px 10px #eeadb233;
}
.sub-menu a {
    color: #000;
}
.s-user-menu-trigger {
    border-radius: 50px;
    width: 45px;
    height: 45px;
}
i.sicon-menu {
    color:#154c90;
}
button.s-product-card-wishlist-btn.animated {
    background-color: #F44336 !important;
    color:#fff;
    border-color: #f44336 !important;
}
.s-product-card-content {
    text-align: center;
}
.s-product-card-content-sub {
    justify-content: center;
}
button.undefined.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline.s-button-loader-center {
    background: #154c90 !important;
    border: 1px solid #fff !important;
    color:#fff;
    border-radius:50px;
}
button.undefined.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline.s-button-loader-center:hover {
    background: transparent !important;
    border: 2px solid #154c90 !important;
    color:#154c90;
}
button.undefined.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline.s-button-loader-center:hover i {
    color:#154c90;
}
i.text-base.sicon-shopping-bag {
    color:#fff;
}
h3.s-product-card-content-title a {
    color:#154c90;
}
h3.s-product-card-content-title:hover a {
    color:#20b9c7;
}
salla-add-product-button.hydrated[product-status=out] {
    background-color: #fff;
    border: 1px solid #000;
    color:#000 !important;
}
custom-salla-product-card ,
salla-product-card{
    border:1px solid #154c90;
}
h1#page-main-title , nav.breadcrumbs {
    color: #fff;
}

button.s-infinite-scroll-btn.s-button-btn.s-button-primary {
    background-color: #fff!important;
    border: 2px solid #003438 !important;
    color: #003438;
    border-radius:50px;
}
button.undefined.s-button-element.s-button-btn.s-button-solid.s-button-wide.s-button-primary.s-button-loader-center {
    background-color: #154c90 !important;
    border: 2px solid #154c90 !important;
    color:#fff;
}
button.undefined.s-button-element.s-button-btn.s-button-solid.s-button-wide.s-button-primary.s-button-loader-center:hover {
    background-color:transparent !important;
    border: 2px solid #154c90 !important;
    color:#154c90;
}
p.text-primary{
    color:#000;
}
.main-content  h1 {
    color: #fff;
}
button.s-quick-buy-button.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline.s-button-loader-after {
    background-color:transparent;
    color:#154c90;
    border:2px solid #154c90;
}
button.s-quick-buy-button.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline.s-button-loader-after:hover {
    background-color:#154c90;
    color:#fff;
}
section.s-block.s-block--banners.container{
    display: flex;
    gap: 5px;
    justify-content: space-around;
    flex-wrap: nowrap;
}
.grid.one-row.md\:grid-cols-3.grid-flow-row.gap-3.sm\:gap-8 {
    grid-template-columns:repeat(3,minmax(0,1fr));
    flex:0 0 100%;
    max-width:100%
}
a.banner-entry{
    display:inline-block;
    height: 215px;
    background-color:transparent;
    border-radius:0px
}
.two-row .banner-entry:first-child{
    grid-row:span 1/span 2
}
@media only screen and (max-width: 600px) {
    .sticky-product-bar__quantity.center-between.mb-5 {
        width:30%
    }
    .fixed-header .inner{
        padding-block : 10px;
     }
    .product-single button.undefined.s-button-element.s-button-btn.s-button-solid.s-button-wide.s-button-primary.s-button-loader-center span.s-button-text {
        font-size:0
    }
    section.sticky-product-bar.bg-white.p-5.rounded-md.rounded-b-none,salla-add-product-button.mt-5.w-full.sticky-product-bar__btn.s-add-product-button-with-quick-buy.s-add-product-button-with-sticky-bar.hydrated {
        flex-direction: row-reverse!important
    }
    .s-add-product-button-with-quick-buy salla-quick-buy:where([dir=rtl],[dir=rtl] *) {
        margin-left: .5rem;
        margin-right: 0 ;
    }
    .product-single button.undefined.s-button-element.s-button-btn.s-button-solid.s-button-wide.s-button-primary.s-button-loader-center span.s-button-text svg {
        display: none
    }

    .product-single button.undefined.s-button-element.s-button-btn.s-button-solid.s-button-wide.s-button-primary.s-button-loader-center span.s-button-text::before {
        content: "إضافة للسلة"!important;
        font-size: 12px
    }

    .product-single button.undefined.s-button-element.s-button-btn.s-button-solid.s-button-wide.s-button-primary.s-button-loader-center {
        padding: 6px!important
    }

    .product-single footer {
        padding-bottom: 0px
    }

    .app-inner.flex.flex-col.min-h-full {
        position: relative!important
    }

    section.flex.bg-white.p-5.sm\:pb-0.rounded-md.rounded-b-none {
        position: fixed!important;
        left: 0;
        bottom: 60px;
        width: 100%;
        z-index: 22
    }
    .s-modal-body.s-modal-align-middle.s-modal-xs.s-modal-padding.s-modal-entering {
        z-index: 999999999!important
    }
    .s-search-container {
      width: 250px !important;
      margin-inline: auto;
    } 
        a.banner-entry{
    height: 63px;
    }
}
@media(min-width: 400px) and (max-width:600px) {
    a.banner-entry{
    height: 69px;
    }
}
@media(min-width: 600px) and (max-width:760px) {
    a.banner-entry{
        height: 107px;
    }
}
@media(min-width: 760px) and (max-width:875px) {
    a.banner-entry{
        height: 130px;
    }
}
@media(min-width: 876px) and (max-width:1024px) {
    a.banner-entry{
        height: 155px;
    }
}
.loader-init {
    display: none
}
button.s-login-modal-enter-button.s-button-element.s-button-btn.s-button-solid.s-button-wide.s-button-primary.s-button-loader-center ,
button.btn--wishlist.animated.hidden.sm\:inline-flex.s-button-element.s-button-icon.s-button-outline.s-button-light-outline.s-button-loader-center ,
button.s-social-share-btn.s-button-element.s-button-icon.s-button-outline.s-button-light-outline.s-button-loader-center{
    background-color: #154c90 !important;
    border: 2px solid #154c90 !important;
    color:#fff;
    border-radius:50px;
}
a.s-login-modal-link {
    color:#000;
}
.s-comments.s-comments-product {
    background-color:transparent;
}
.product__description a strong {
    color:#154c90;
}
div#contact-slot:nth-of-type(1)  span.s-contacts-icon{
    background-color:	#25d366;
}
div#contact-slot:nth-of-type(2)  span.s-contacts-icon{
    background-color:	#003438;
    color:#fff;
}
div#contact-slot:nth-of-type(3)  span.s-contacts-icon{
    background-color:	 #23b7c9 ;
}
div#contact-slot:nth-of-type(4)  span.s-contacts-icon{
    background-color:	#ff0000 ;
}
span.s-contacts-icon{
    border:none;
    color:#fff
}
li.s-social-link a{
    border:none;
    color:#fff;
}
li.s-social-link a[title="instagram"]{
    background-image: linear-gradient(150deg,#f9ce34,#ee2a7b,#6228d7);
}
li.s-social-link a[title="tiktok"]{
    background-image: linear-gradient(150deg,#00f2ea,#000,#ff0050);
}
li.s-social-link a[title="snapchat"]{
    background: #fffc00!important;
    color:#000;
}
li.s-social-link a[title="facebook"]{
    background:#1878f3;
    color:#fff;
}
.slide--cat-entry h2 , .s-slider-block__title h2{
  color :#fff;
}
.marquee-container {
    height:30px;
}
.marquee-track {
    top:2px;
}
button.s-slider-prev.s-slider-nav-arrow , button.s-slider-next.s-slider-nav-arrow{
    background: #fff !important;
    border-color:#fff;
}
.s-slider-nav-arrow svg{
    fill:##003438;
}
button.s-slider-prev.s-slider-nav-arrow:hover , button.s-slider-next.s-slider-nav-arrow:hover{
    background: #154c90 !important;
    border-color:#fff;
}
button.s-slider-next.s-slider-nav-arrow:hover svg , button.s-slider-prev.s-slider-nav-arrow:hover svg{
    fill:#fff !important
}
.slide--one-fourth.swiper-slide{
    width:120px !important;
    height:120px !important;
}
section.s-block.s-block--fixed-banner  .container {
    max-width: 90%;
}
@media (max-width: 768px) {
  section.s-block.s-block--fixed-banner  .container{
     max-width: 100% !important;
  }
}
input.s-quantity-input-input,h2.total-price.font-bold.text-xl.inline-block,h2.s-comments-title,label.s-comments-filter-label,h3.s-comments-item-user-info-name,span.s-comments-count-label,h2.font-bold.text-sm.mb-5,.flex.justify-between.text-lg.mb-5,label.block.text-sm,select#product-filter,h4.s-product-card-price,b#sub-total,textarea.s-comment-form-input 
 {
    color:#000000 !important;
}
strong ,h1.text-xl.md\:text-2xl.leading-10.font-bold.mb-6.text-gray-800,
i.sicon-menu.text-primary.text-2xl,
.s-cart-summary-total,a.s-contacts-topnav-link ,.s-slider-block__title-right h2,.product__description p span 
{
       color: #fff !important;
}

h2.font-bold.text-xl.inline-block {
    color: #fff;
}
label.hidden.sm\:block.rtl\:ml-3.ltr\:mr-3.whitespace-nowrap {
    color: #fff;
}
.product__description li, .product__description ul {
    list-style: inherit !important;
    color: #fff;
}
h1.text-gray-900.leading-6.text-lg
 {
    color: #333 !important;
}
.s-breadcrumb-arrow svg {
    fill: #fff;
}