/* Add custom CSS styles below */ 
 section:nth-child(4) > div,  section:nth-child(10) > div{
max-width:unset !important;
}
body.index{
  background-image: url('https://cdn.salla.sa/form-builder/X7ky5yeKfHw89xWwFs2WtvKwhR63Vyd2hHfoIkqY.webp');
  background-position:bottom;
  background-size: cover;
}


















#app > div.app-inner.flex.flex-col.min-h-full > header > div.top-navbar {
background:white;
}

.banner--fixed img{
background:#0F0F0F;
}

#app > div.app-inner.flex.flex-col.min-h-full > section.s-block.s-block--banners.container > div > a > div{
background-size: cover !important;
}

#app > div.app-inner.flex.flex-col.min-h-full > section:nth-child(4){
margin-top:0px !important;
}
.s-block .container {
    width: 100%;
    max-width: 1200px;
}
#app > div.app-inner.flex.flex-col.min-h-full > section:nth-child(5) > div > a > img{
width:500px;
margin:auto;
}
#app > div.app-inner.flex.flex-col.min-h-full > section.s-block.s-block--banners.container > div > a:nth-child(1){
}
.two-row .banner-entry{
height:200px !important;
}
#app > div.app-inner.flex.flex-col.min-h-full > section:nth-child(6) > div{
grid-template-columns
: repeat(4, minmax(0, 1fr));
}
.footer-is-light .store-footer .store-footer__inner{
  background-color:#FF0000 !important;
  color:white !important;
  
}
#app > div.app-inner.flex.flex-col.min-h-full > section > div > a > img{
background-color:transparent;}

 section.s-block.s-block--banners.container a.banner-entry.square-photos {
    height:153px!important;
    
}
@media(max-width:768px){
    section.s-block.s-block--banners.container a.banner-entry.square-photos {
    height:130px!important;
    
}
section.s-block.s-block--banners.container .grid.md\:grid-cols-3.two-row.grid-flow-row.gap-3.sm\:gap-8 {
    grid-template-columns:repeat(2, minmax(0, 1fr))!important;
}
}
section.s-block.s-block--banners.container .two-row .banner-entry:first-child {
    grid-column: span 1 / span 1;
    grid-row: span 1 / span 1;
}