/* Add custom CSS styles below */ 
body {
    background-color: #fff !important;
}

/** banners blocks ***/
[component-id="972026139"]{
  margin-top: 0px !important;
}
[component-id="972026139"] > .container {
    padding: 0 !important;
    margin: 0 !important;
    max-width: unset !important;
}

.banner--fixed img {
    border-radius: 0 !important;
}

/** End banners ***/

.banner-entry{
  background: transparent !important;
}
/***** الاقسام ****/

[component-id="1709726624"] .banner-entry{
  height: 450px !important;
  background: transparent !important;
}
@media(max-width:768px){
  [component-id="1709726624"] .banner-entry{
  height: 180px !important;
}
  [component-id="1709726624"] .grid{
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
}
/***** الاقسام ****/


[component-id="1507377028"] .s-block__title{
  justify-content: center;
  text-align: center;
}
[component-id="1507377028"] .grid{
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

@media(max-width:768px){
  [component-id="1507377028"] .banner-entry{
  height: 110px !important;
}
  [component-id="1507377028"] .grid{
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
}



/** footer **/ 

.store-footer__inner {
    background: #000 !important;
    color: #fff !important;
}

@media (max-width: 992px) {
    .store-footer__inner * {
        justify-content: center;
        text-align: center;
    }
}