/* Add custom CSS styles below */ 
:root {
    --first-color: #231f20;
    --second-color: #a99074;
    --third-color:#cfbcb0;
    --white-color: #fff;
}
body{
font-family:cairo;
}

.flex-col {
background-color: var(--third-color);
background-attachment:fixed;
}

.bg-inherit {
  background-color:var(--second-color);
}
.text-primary {
 color:#fff
}
[class^="sicon-"] {color: var(--first-color);}

.header-btn__icon { color:var(--first-color);}
.s-cart-summary-total
{
color:var(--first-color);;
}
#mobile-menu{
color: var(--first-color);;
background-color:var(--second-color);
}

.banner--fixed img{
background-color: var(--second-color);
animation: appear linear;
  animation-timeline:view();
  animation-range: entry 0% cover 40%;
}
#الصةر الموجوده في عنصر قائمه العناصر
.banner-entry {
background-color: var(--second-color);
}
/* card---------------------- */ 
.s-products-slider-card {

width:70%;
padding-bottom:20px;
margin-right:10px;
margin-left:10px;
}
.s-product-card-vertical {
width:90%
}
.s-product-card-fit-height.s-product-card-vertical .s-product-card-image {
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
.s-product-card-content {
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
   background-color: var(--white-color);
   border-bottom-left-radius: 15px; 
   border-bottom-right-radius: 15px;
   padding: .75rem .75rem;
   justify-content: center;
   align-items: center; }
.s-product-card-content-sub {
  justify-content: center;
  margin-bottom: 1.25rem;
  display: flex;
  width: 100%;
  align-items: center;
  }

.s-button-primary-outline{
color:var(--white-color);
background-color:var(--first-color);

}

.s-button-primary-outline:hover {
    background-color:var(--second-color);
    color:var(--first-color);}



.s-product-card-content-title a {
color:var(--first-color);
}

.s-product-card-price {
color:var(--first-color);
}
.s-product-card-vertical .s-product-card-wishlist-btn button {
  --tw-bg-opacity: 1 !important;
  background-color: var(--white-color) !important;
}


/* General start */
.store-footer{
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.store-footer {
   
    padding: 30px;
    font-size: 14px;
    border-top-left-radius: 125px;
    border-top-right-radius: 125px;
    text-align: center;
}
.store-footer__inner .flex {

    justify-content: center;
}
.store-footer__inner .max-w-sm {
    margin: auto;
}

.footer-is-light .store-footer .store-footer__inner {
background-color: var(--second-color);
border-top-left-radius: 125px;
    border-top-right-radius: 125px;
color: var(--first-color);
}
.store-footer h3:hover {
    color: var(--white-color);
    opacity: 1;
    coursor: pointer;
}
.store-footer__inner {
    text-align: center;
}
.s-contacts-list-vertical {
 justify-content: center;
  text-align: center;
}
@keyframes appear {
            from {
                
                opacity: 0;
                scale:0.5;
            }
            to {
                 opacity: 1;
                scale:1;
            }
        }