/* Add custom CSS styles below */ 
body{
  background: #fff;
}
.s-block--hero-slider .swiper-slide .overlay-bg:after{
  display: none;
}
.s-block--hero-slider .swiper-slide {
    height: 10rem;}

section.aboutUs{
      padding: 40px 15px; 
}

section.aboutUs h2{
  text-align:center;
    color: #2E2C2A;
  font-weight: 700;
  font-size: 24px;
}

.secAbb{
  display: flex;
}
.secAbb{
      width: 90%;
    margin: 0px auto;
      align-items: center;
  margin-top: 30px;
}
.txtSec{
  width: 70%;
      padding-left: 10%;
}
html:lang(en) .txtSec{

      padding-left: 0%;
  padding-right: 10%;
}
.txtSec a{
  background: #FBBC1D;
  color:#576659;
   padding: 15px 60px;
    border-radius: 10px;
    font-weight: 800;
}
.txtSec a:hover{
  background: #576659;
  color:#fff;
}
.txtSec h2{
  text-align: right!important;
    color: #FBBC1D!important;
    margin-bottom: 10px!important;
}
html:lang(en) .txtSec h2{
  text-align: left!important;
}
.txtSec p{
  text-align: right;
  font-size:17px;
  color: #6E6B67;
  margin-bottom: 28px;
}
html:lang(en) .txtSec p{
  text-align: left;
}
.imgAbb{
      width: 30%;
}
.imgAbb {
    overflow: hidden;
}

.imgAbb img {
    opacity: 0;
    transform: scale(0.8);
    transition: transform 0.8s ease, opacity 0.8s ease;
}

.imgAbb.active img {
    opacity: 1;
    transform: scale(1);
}

section.s-block.s-block--categories{
  display: none;
}
section.s-block--best-offers{
      background: #EBE5D4;
    max-width: 100%;
    padding: 20px;
}
.showAllProd{
      margin: 20px 0px;
    background: #576659;
    color: #fff;
    padding: 10px 30px;
    border-radius: 10px;
}
section.s-block--best-offers .display-all-outside{
  text-align: center;
  
}

section.s-block--best-offers .s-product-card-content-title a{

  text-align: center;
  font-weight: bold;
  color: #2E2C2A;
  font-size: 18px;
}



 section.s-block--best-offers h4.s-product-card-price
 {
    font-size: 17px;
    text-align: center;
    color: #2B2720;
    margin: 0px auto;
    margin-top: 10px;
}
.secHeaderProd{
  text-align: center;
  margin-top:20px;
}
.secHeaderProd h2{
  color:#2E2C2A;
  font-weight: bold;
  font-size:24px;
  margin-bottom: 10px;
}
.secHeaderProd p{
  font-size: 17px;
  color:#2E2C2A;
}
section.s-block--best-offers .s-slider-block__title h2{
  display:none;
}
.s-products-slider-card custom-salla-product-card
{
  background: #ffffff00;
}
.s-product-card-fit-height.s-product-card-vertical .s-product-card-image{
border-radius: 18px;  
}
section.s-block--best-offers .s-button-element{
    background: #576659;
    color: #fff;
    width: 95%;  
}

section.s-block--best-offers .s-product-card-content
{
  flex-direction: column-reverse;
  padding-top: 0px;
    margin-top: -18px;
}
section.s-block--best-offers .s-product-card-content-main {
    order: 1;
}

section.s-block--best-offers .s-product-card-content-footer {

    order: 1;
margin-bottom:10px;
}

.s-block--features__item h2{
  display: none;
}

.s-block--features__item:first-child,.s-block--features__item:nth-child(3){
  background: #576659;
}
.s-block--features__item:nth-child(2){
  background: #FBBC1D;
}
.s-block--features__item p{
  color:#fff;
}
.s-block--features__item .feature-icon{
background-color: #ffffff00!important;
  border-radius: 0px;
    width: 180px;
    height: 160px;
    object-fit: contain;
}
.my-new-sibling
 {
    margin-top: 50px;
    text-align: center;
}
.my-new-sibling h2{
  color: #2E2C2A;
  font-size:24px;
  font-weight: 800;
  margin-bottom: 10px;
}
.my-new-sibling p{
  color:#2E2C2A;
  font-size: 17px;
  font-weight: 400;
}
footer.store-footer,.store-footer__inner {
    background: #576659!important;
  color:#fff;
}
img.logoFooter{
  width: 60%;
    margin-bottom: 15px;
}
.bigPartfsec{
display:flex!important;
}
.footsecChi {
  width: 33%;
  text-align: center;
}
.footsecChi p{
  text-align: right;
}
.s-social-link a svg{
  fill:#fff;
}
.s-social-link a{
      border-radius: 0px!important;
    background: rgba(255, 255, 255, 0.08)!important;
    border: none!important;
}
.s-social-link a:hover{
  color:rgba(69, 69, 69, 1)!important;
  background: #fff!important;
}
.s-social-link a:hover svg{
  fill:#454545;
}
.footsecChi h3{
      color: #F4DDCD;
}
span.s-contacts-icon{
border:unset;
  color:#F4DDCD;
}
.store-footer__inner {
    border-bottom:1px solid #F4DDCD;
}
.copyright-text p,.copyright-text a{
  color:#fff;
}
#mainnav{
  background:#F4DDCD;
}
.top-navbar{
  display:none;
}
#mainnav a{
  color:#576659;
}
html:lang(en) #main-slider-0{
  display: none;
}
html:lang(ar) #main-slider-1{
  display: none;
}
html:lang(en) .bannerArBr{
  display: none;
}
html:lang(ar) .bannerEnbrr{
  display: none;
}
body.product-index custom-salla-product-card{
  text-align: center;
    background: #EBE5D4;
}
body.product-index .s-product-card-content-sub{
  justify-content: center;
}
body.product-index custom-salla-product-card salla-button button{
      background: #576659;
    color: #fff;
}
/* media */
@media screen and (max-width:500px){
.swiper-slide.min-h-\[300px\] {
    min-height: 205px;
}
.secAbb{
  display: block;
}
.txtSec{
      width: 100%!important;
    padding: 0px!important;
  text-align: center!important;
}
  html:lang(en) .txtSec h2 {
    text-align: center !important;
}
    html:lang(en) .txtSec p {
    text-align: center !important;
}
.imgAbb {
    width: 100%;
}
.imgAbb img{
    margin-top: 50px;
}
  section.aboutUs h2{
    font-size: 20px;
    text-align: center!important;
  }
  .txtSec p{
    font-size:16px;
    text-align:center!important;
  }
  .s-block--features__item .feature-icon{
    width: 125px;
    height: 125px;}
  section.s-block--best-offers .s-product-card-content
 {
  margin-top: -24px;
    
}
  section.s-block--best-offers .s-product-card-content-main h3{
  min-height: 60px;
    margin-bottom: 0px;  
  }
  .bigPartfsec{
display:block!important;
}
  .footsecChi {
  width: 100%;
  margin-top: 14px;
  }
  img.logoFooter{
        margin: 0px auto;
    margin-bottom: 10px;
  }
  .footsecChi p {
    text-align: center;
}
  #contact-slot a,.store-footer .contact-social ul{
    justify-content: center;
  }
  .footer-is-light .store-footer .contact-social{
    border:none;
  }
}