:root{
--primary-color: #014061;
}

/* =====================================
titles
======================================*/
.s-block__title h2{
text-align: center;
  color: var(--primary-color);
}

.s-slider-block__title{
justify-content: center;
}
.s-slider-block__title-left{
display: none;
}





/* =====================================
HERO
======================================*/

@media(max-width: 992px){
  .s-block--full-bg:first-of-type {
    margin-top: 80px;
}
}






/* =====================================
PROD
======================================*/

.s-product-card-content-footer
  salla-add-product-button
    .s-button-outline{
  background-color: var(--primary-color);
}

.s-product-card-content-footer
  salla-add-product-button
    .s-button-outline span{
  color: #fff;
}



/* =====================================
FEATURES
====================================== */

.angel-features .grid {
align-items: stretch !important;
}

.angel-feature {
height: 100%;
box-shadow: 0px 3.57px 10.7px 0px #00000026;
padding: 1rem;
border-radius: 14px;

```
display: flex;
flex-direction: column;
justify-content: flex-start;
```

}

@media (max-width: 767px) {
.angel-feature {
min-height: 170px;
}
}

/* =====================================
q & a
====================================== */
section.s-block.s-block--faqs .faqs-list.grid.items-start.grid-cols-1.md\:grid-cols-2.gap-4{
/* grid-template-columns: repeat(1, minmax(0, 1fr)); */
}

section.s-block.s-block--faqs
.faqs-list__item{
/* background-color: var(--primary-color); */
background-color: #fff;
  border-radius: 20px;
  border-color: var(--primary-color);
}

section.s-block.s-block--faqs
label.block{
/* color: #fff; */
  /* color: var(--primary-color); */
}
section.s-block.s-block--faqs
label.block i{
background-color: var(--primary-color);
}
section.s-block.s-block--faqs
label.block i:before{
  color: #fff;
}

section.s-block.s-block--faqs
.answer-container p{
/* color: #fff; */
   color: var(--primary-color);
}

/* =====================================
footer
====================================== */
.store-footer__inner {
/* background-image: url(https://i.ibb.co/RpjR7Wjs/footer.png); */
color: #fff;
background-size: cover;
  background-color: var(--primary-color);
}

.store-footer__inner
p:not(.s-social-list *),
.store-footer__inner
a:not(.s-social-list *) {
color: #fff !important;
}

footer .logo-footer img {
content: url(https://i.ibb.co/tPZM5B3m/Container-65.png);
}

footer img.logo-light.foo{
/* height: 9.5rem !important ; */
}

.store-footer__inner
.s-contacts-icon svg{
/* fill: #fff; */
fill: var(--primary-color);
}

footer .s-social-link a svg {
/* fill: #fff; */
  fill: var(--primary-color);
height: .875rem;
}

.store-footer h3{
color: #fff;
}

.store-footer
.footer-container
.footer-list a:hover{
   color: #fff !important;
}

li.pay-mahally_customer_wallet {
display: none;
}














/* =========================================================
   أقسامنا - GRID to FLEX
========================================================= */

section.s-block.s-block--banners
.square-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 16px;
}


/* =========================================================
   DESKTOP
========================================================= */

@media (min-width: 768px) {

    section.s-block.s-block--banners
      .banner-square {
        width: calc((100% - 48px) / 4);
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    section.s-block.s-block--banners
      .banner-square {
        width: calc((100% - 32px) / 3);
    }

}