@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@200..1000&display=swap');

html,body,*{
 font-family: "Cairo", serif !important;
}

/* Menu */
@media (min-width: 768px) {
    .sub-nav {
        background: #344241;
        a{
        color:white !important;
        }
      }
    .sub-nav .main-menu > li:hover > a{
    color: #e7e7e7 !important;
    }
  }

/* BANNER */

.section[data-type=banner] {
    padding: 0rem 0 0!important;
    
        .container {
        width: 100%;
        padding:0;
    }
}

.banner img {
        margin: 0px;
        width:100%
}

.section[data-type=banner]:nth-of-type(2) {
    padding: 2rem 0 0 !important;
}

/* CATEGORIES */

.section-header.d-flex.justify-content-between.align-items-center.mb-4 + .row{
display:grid;
grid-template-columns:repeat(2,1fr);
 grid-template-areas:
        "a b"
        "c c";
gap:5px;
}
.col-sm-4.col-md-4:nth-of-type(1){
 grid-area: a;
}

.col-sm-4.col-md-4:nth-of-type(2){
  grid-area: b;
}
.col-sm-4.col-md-4:nth-of-type(3){
  grid-area: c;
  }

.col-sm-4.col-md-4 {
   min-height: 300px;
    padding:5px;
}
.col-sm-4.col-md-4:last-child {
  width:60%;
  justify-self:center;
}

body:not(.salla-theme_6) .category-featured {
    height: 100%;
   padding: 0;
   border-radius: 0;
   border: 4px solid #344241;
}

.category-featured a:before {
border: 0px solid #fff;
}

@media (min-width: 768px) {
    .col-sm-4.col-md-4 {
    min-height: 400px;
    padding:0px;
    width:32%
    }
    .col-sm-4.col-md-4:last-child {
  width:32%;
  justify-self:auto;
}
    .section-header.d-flex.justify-content-between.align-items-center.mb-4 + .row{
display:flex;
justify-content:center;
  }
}

.category-featured{
 position: relative;
 }
 
.category-featured::before {
    position: absolute;
    bottom: 20%;
    right: 20px;
    color: #fff;
    font-size: 18px;
    text-align: center;
    white-space: nowrap;
    z-index:10;
     font-family: "Cairo", serif !important;
}

.category-featured:nth-of-type(1)::before {
content:"عبايات يومية";
}

.col-sm-4.col-md-4:nth-of-type(2) .category-featured::before {
content:"عبايات مناسبات";
}

.col-sm-4.col-md-4:nth-of-type(3) .category-featured::before {
content:"عبايات شتوية";
}

.category-featured::after {
    content: "اكتشفي المزيد"; /* نص الزر */
    position: absolute;
    bottom: 8%;
    right: 20px;
    color: #fff;
    padding: 5px 20px;
    font-size: 14px;
    cursor: pointer;
    text-align: center;
    white-space: nowrap;
     font-family: "Cairo", serif !important;
     border: 2px solid #fff;
     box-shadow: inset 0 0 0 0 #fff;
     transition: all ease 0.6s;
     pointer-events:none;
}


.category-featured:hover::after {
    box-shadow: inset -300px 0 0 0 #fff;
     color: #344241;
}
@media (max-width: 600px) {
.category-featured::before {
    position: absolute;
    bottom: 25%;
    right: 50%;
    transform: translateX(50%);
    color: #fff;
    font-size: 14px;
  }
  
  .category-featured::after {
    content: "اكتشفي المزيد";
    position: absolute;
    bottom: 8%;
    right: 50%;
    transform: translateX(50%);
    color: #fff;
    padding: 1px 5px;
    font-size: 12px;
    }
}
  
/* قديم hover */
.category-featured a:before{
display:none;
}

/* TITLES */

.section--title{
 font-family: "Cairo", serif !important;
 font-size: 24px;
 }
 
/* TESTIMONIALS */

.fa{
font-family: FontAwesome !important;
}

.testimonials-item p{
border: 1px solid #344241;
}
.testimonials-item p:after{
border-top-color: #344241;
}

/* FOOTER */
.footer-main .col-md-4:nth-of-type(1) h2{
border:none;
}

.footer-main .col-md-4:nth-of-type(1) span{
display:none;
}
.store-certificate span{
display:inline-block !important;
}

.footer-main .col-md-4:nth-of-type(1) h2::before{
content: "";
    background: url(https://cdn.salla.sa/nyGdr/X3S0Z3dtNwk9NyAO4BeojspEcTZ1yvVd5DCsjExP.png) center / cover no-repeat;
    display: block;
   max-height: 8rem;
    aspect-ratio: 1 / 1.5;
}

@media (max-width: 600px) {
.footer-main .col-md-4{
text-align:center;
}
.footer-main .col-md-4:nth-of-type(1) h2::before{
margin: 0 auto;
  }
.store-contact{
  text-align:center;
  }

}

.store-contact a:nth-of-type(2),
.store-contact a:nth-of-type(3){
    display:none !important;  
  }

[class^="icon-"], [class*=" icon-"]{
font-family: "Cairo" !important;
}

/* FEATURES */

section.u-light.py-5.text-center{
background-color: #ffffff;
}

@media (max-width: 600px) {

section.u-light.py-5.text-center .row{
  display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-areas:
        "a b"
        "c c";
}

.col-sm-6.col-md-4.feature-item:nth-of-type(1){
  grid-area: a;
}

.col-sm-6.col-md-4.feature-item:nth-of-type(2){
  grid-area: b;
}
.col-sm-6.col-md-4.feature-item:nth-of-type(3){
  grid-area: c;
  }
  
  .feature-item__icon {
    margin: 0 auto;
    width: 80px;
    height: 80px;
    color: #fff;
    border-radius: 50%;
    font-size: 35px;
    line-height: 75px;
    margin-bottom: 1rem;
}
.feature-item h3{
  font-size: 15px;
  }
  .feature-item p{
  font-size: 13px;
    line-height: 18px;
  }
  
  .feature-item:last-child{
  margin-bottom:0;
  }
  
  body > footer > div.footer-main > div > div > div:nth-child(2) > ul > li:nth-child(1) > a{
font-size:14px;
}
}

.feature-item h3{
font-weight:bold;
}