/* Add custom CSS styles below */
@import url('https://fonts.googleapis.com/css2?family=Amiri:wght@400;700&display=swap');

body {
    font-family: 'Amiri', serif !important;
}


#app > div.flex.flex-col.min-h-full.app-inner > section.mb-\[56px\].ltr\:\[transform\:rotateY\(180deg\)\].h-\[65vh\].md\:h-\[80vh\].landing-page-fixed-bannar-0.flex.justify-center.items-center.bg-cover.bg-no-repeat.bg-center.relative.w-full > div > h1 {
  color:white;
  max-width:1083px;
 
  line-height: 1.6 !important;
  margin-bottom: 3rem;
  }
      #app > div.flex.flex-col.min-h-full.app-inner > section.mb-\[56px\].ltr\:\[transform\:rotateY\(180deg\)\].h-\[65vh\].md\:h-\[80vh\].landing-page-fixed-bannar-0.flex.justify-center.items-center.bg-cover.bg-no-repeat.bg-center.relative.w-full > div > p {
    
    line-height: 1.8 !important;
    font-wight:light;
    color:white;
    max-width:1080px;
  }
@media (min-width:767px){
#app > div.flex.flex-col.min-h-full.app-inner > section.mb-\[56px\].ltr\:\[transform\:rotateY\(180deg\)\].h-\[65vh\].md\:h-\[80vh\].landing-page-fixed-bannar-0.flex.justify-center.items-center.bg-cover.bg-no-repeat.bg-center.relative.w-full > div > h1 {

  font-size: 84px;

  }
    #app > div.flex.flex-col.min-h-full.app-inner > section.mb-\[56px\].ltr\:\[transform\:rotateY\(180deg\)\].h-\[65vh\].md\:h-\[80vh\].landing-page-fixed-bannar-0.flex.justify-center.items-center.bg-cover.bg-no-repeat.bg-center.relative.w-full > div > p {
    font-size: 32.36px;
    
  }
}

.image-title .title-heade { 
    min-width: initial;
     background-color: initial; 
    padding: 14px 0;
    
    font-weight: bolder;
    border-bottom: 6px solid var(--color-primary);
}
.button-56,
button.rounded-lg,
.sm\:rounded-lg {
  border-radius:100px;
}
custom-salla-product-card:not(.s-product-card-horizontal) .s-product-card-content-footer{
  top: -70px;
  opacity:1;
}
.store-footer__inner{
background: linear-gradient(to top, #7c287d, #a44ac0);
}
.store-footer a div svg {
    fill: white;
    border-color:white;
}
.store-footer a div {
    color: white;
}

.s-product-card-entry:hover{
  border:1px solid var(--f-color);
  box-shadow:1px 0 25px rgba(0, 0, 0, 0.1);
}

.s-search-input::placeholder {
    color: transparent;
}
#app > div.flex.flex-col.min-h-full.app-inner > header > div.slider-top.flex.flex-col.justify-center.items-center.overflow-hidden.p-0.m-0.bg-\[var\(--s-color\)\].relative.z-\[150\] > div > div > div > a > div > p{
  font-weight:bolder;
  color:var(--f-color);
}
.slider-top .marquee {
    width: 500px !important;
}
#app > div.flex.flex-col.min-h-full.app-inner > div.md\:container > salla-tabs > div > div.s-tabs-header > salla-tab-header:nth-child(3) > div > span{
  color:white;
}
span.accordion_static.p-\[16px\].mt-\[16px\].mb-.rounded-\[8px\].bg-white.flex.justify-between.items-center.visa {
    display: none;
}
.s-tabs-header{
  border-color:white !important;
}
/*
زر الشراء 

.s-add-product-button-main .s-add-product-button-mini-checkout {
    --salla-fast-checkout-button-height: 100%;
}

.s-add-product-button-main .s-add-product-button-mini-checkout {
    --salla-fast-checkout-button-border-radius: .75rem;
    width:100%;
    }
    .s-add-product-button-main .s-add-product-button-mini-checkout {
    --salla-fast-checkout-button-height: 100%;
}
uy:not(.s-add-product-button-with-apple-pay) .s-add-product-button-main {
    width: 100%;
}
.s-add-product-button-main {
    display: flex;
    width: 66.666667%;
    -moz-column-gap: .375rem;
    column-gap: .375rem;
}
@media (min-width: 640px) {
    .s-add-product-button-main {
        width: 100%;
        -moz-column-gap: .625rem;
        column-gap: .625rem;
    }
}*/

[dir=rtl] .s-add-product-button-mini-checkout-content svg {
    margin-right: 0;
    margin-left: .375rem;
}
.s-add-product-button-mini-checkout-content svg {
    margin-right: .375rem;
    height: 1rem;
    width: 1rem;
    fill: currentColor;
}
[dir=rtl] .s-add-product-button-mini-checkout-content {
    flex-direction: row-reverse;
}
.s-add-product-button-mini-checkout-content {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    white-space: nowrap;
    font-size: .8rem;
}
@media (min-width: 640px) {
    .s-add-product-button-mini-checkout-content {
        font-size: .875rem;
        line-height: 1.25rem;
    }
}
.s-cart-summary-count,
.bg-\[\#d30000\]{
background-color:var(--s-color);
}

.text-\[\#ce5a67\]{
  color:var(--s-color);
  
}

div#mainnav {
    background: white;
}
#app > div.flex.flex-col.min-h-full.app-inner > footer > div > div > div:nth-child(2),
.top-navbar {
    DISPLAY: NONE;}
    @media (min-width: 768px) {
    .md\:gap-3 {
        gap: 0;
    }
}
.side-account .s-search-inline{
    min-width:130px !important;
}
#mainnav > div > div > div > div.flex.items-center.justify-end.gap-0.side-account.sm\:gap-1 > button.header-btn.sm\:mr-\[20\.11px\].text-\[var\(--f-color\)\].text-\[10\.054px\].sm\:text-\[16px\].font-bold.leading-\[normal\].w-\[95px\].sm\:w-\[173px\].h-\[35\.19px\].sm\:h-\[56px\].rounded-\[5\.027px\].sm\:rounded-lg.bg-white,
.side-account .s-search-inline .s-search-input-wrapper {
    width: 130px !important;
}

#app > div.flex.flex-col.min-h-full.app-inner > div.container > div > div{
align-items: center;}
.copyright-text p{
  color:white;
}

    

    @media (max-width:991px){
        #\31 255887075{
      border-bottom:2px solid var(--f-color);
    }
        .s-contacts-item {
 
    flex-direction: column;
}
    .s-contacts-icon:where([dir=rtl],[dir=rtl] *) {
    margin-left: 0;
    margin-bottom: 10PX;
}
    }
    

    .s-add-product-button-main,
    #product-1795795601 > div.w-full.main-content.md\:sticky.md\:overflow-hidden.top-24.md\:w-2\/4.md\:pb-16 > form > section > div{
      width:100%;
    }
    .s-user-menu-dropdown-item a svg {

    fill: var(--s-color);
}
button.close-side-panel.menu-close {
    background: var(--s-color);
    color: white;
    padding: 8px 17px;
    border-radius: 5px;
}
.s-button-element.s-button-btn.s-button-solid.s-button-wide.s-button-primary.s-button-loader-after {
    background: var(--s-color);
    color: white;
}

#photos-6-slider > div.s-slider-block__title > div > div,
#slider-with-bg-6 > div.s-slider-block__title > div > div{
  display:none !important;
}
.banner--fixed img{
  background-color: white;
}
i.sicon-heart{
font-size:25px;}
h4.s-product-card-price{
  color:var(--s-color)  !important;
  }
  @media (max-width:770px) {
    .s-product-card-vertical .s-product-card-wishlist-btn:where([dir=rtl],[dir=rtl] *) {
        right: .5rem;
        left:initial;
    }
}
i.sicon-list.border.border-\[\#EEE\].border-solid.rounded-\[4px\].p-\[5px\].cursor-pointer {
    display: none;
}
#product-filter > option:nth-child(1) {
    display: none;
}
#modal > div.s-modal-wrapper > div > div:nth-child(3) > div > a{
    background-color:var(--s-color);
    color:white;
}
 section > div > div.flex.flex-1.space-x-4.rtl\:space-x-reverse > div > p{
  display:none !important;
}
#app > div.flex.flex-col.min-h-full.app-inner > div.md\:container > salla-tabs > div > div.s-tabs-header > salla-tab-header:nth-child(2) {
    display: none;
}
.gap-4.mb-5.sticky-product-bar__quantity.center-between {
    width: 100%;
}
.description.mt-\[23\.38px\].text-\[16px\] {
    display: none;
}
.s-payments-list{
  align-items: center;
}
salla-payments > li:nth-child(5) {
    height: 2rem;
    width: 3rem;
}
.s-payments-list{
  gap:0;
}
.s-tabs-header-item span,
.store-footer__inner{
  color:white;
}
#mainnav > div > div > div > div.flex.items-center.justify-end.gap-0.side-account.sm\:gap-1{
  gap:0.7rem;
}
.whatsapp-info{
  width:40px;
  height:40px;
}

#photos-7-slider > div.s-slider-block__title > div > div,
.whatsapp-info span.num {
    display: none !important; 
}

#app > div.flex.flex-col.min-h-full.app-inner.overflow-hidden > div.relative > header > div.slider-top.flex.flex-col.justify-center.items-center.overflow-hidden.p-0.m-0.bg-\[var\(--s-color\)\].relative.z-\[150\] > div > div > div > a > div > p > span {
    font-weight: 400;
}
.s-product-card-sale-price h4{
    color:var(--s-color) !important;

}
.slider-top {
  background:var(--s-color);
}
.slider-top span.text-white.font-bold,
.slider-top .Marquee 
span , .slider-top .Marquee  .sicon-lightning{
   font-weight: 400 !important;
   color:var(--f-color);
}
.s-payments-list-item {
    height: 3rem;
    width: 4rem;
}

@media (max-width: 767px) {
    #contact-slot, .contact-custom {
        background: transparent !important;
        padding: 5px;
        border-radius: 22px;
    }
    .button-56{
      font-size:13px;
    }
}
#app > div.flex.flex-col.min-h-full.app-inner.overflow-hidden.relative > footer > div > div > div.block.lg\:hidden > salla-menu{
  justify-content: center;
}

#app > div.flex.flex-col.min-h-full.app-inner.overflow-hidden.relative > footer > div > div > div.flex.justify-between.gap-6 > div.block.w-full{
  display:none;
}

#app > div.flex.flex-col.min-h-full.app-inner.overflow-hidden.relative > footer > div > div > div.flex.justify-between.gap-6{
flex-direction: column;
}
@media (max-width: 640px) {
    .is-sticky-product-bar .sticky-product-bar__quantity {
        margin: 0 0 1.5rem 0;
    }
}
@media (max-width: 640px) {
    .hydrated .is-sticky-product-bar .sticky-product-bar, .hydrated .is-sticky-product-bar .sticky-product-bar__quantity, .hydrated .is-sticky-product-bar .sticky-product-bar salla-add-product-button {
    background:white;
    }
    }
    .sicon-lightning:before,
    .slider-top span.text-white.font-bold{
    color:var(--f-color)!important;
    }
    .store-footer__inner *{
    color:white;}
    
    @media (max-width:500px)
    {
      .slider-top .marquee{
        width:380px!important;
      }
    }