/* Add custom CSS styles below */ 
.store-footer {
  
    background-color: rgb(56 98 154) !important;
  
}
  salla-slider.photos-slider .swiper.s-slider-container.swiper-initialized.swiper-horizontal.swiper-pointer-events {
    padding: 0 !important; 
}
    salla-slider.photos-slider .swiper-slide {
        margin-left: 5px !important;
        margin-right: 5px !important;
        width: 100% !important;
    }
.store-footer__inner {
    background-color: rgb(56 98 154) !important;
  
}
.store-footer  span ,.store-footer  p {
color:#fff !Important;
}
.index:lang(ar) section:nth-of-type(20)::before {
    content: "عملائنا";
    font-size: 30px;
    color: #000;
    padding-bottom: 10px ! impotrant;
    font-weight: 600;
    width: -webkit-fill-available;
    text-align: center;
    display: block;
    margin-bottom: 47px;
    margin-top: 20px;
}
.index:lang(ar) section:nth-of-type(12)::before ,
.index:lang(ar) section:nth-of-type(14)::before
{
    content: "منتجاتنا";
    font-size: 30px;
    color: #000;
    padding-bottom: 10px ! impotrant;
    font-weight: 600;
    width: -webkit-fill-available;
    text-align: center;
    display: block;
    margin-bottom: 47px;
    margin-top: 20px;
}
.index:lang(en) section:nth-of-type(16)::before ,
.index:lang(en) section:nth-of-type(18)::before
{
    content: "Products";
    font-size: 30px;
    color: #000;
    padding-bottom: 10px ! impotrant;
    font-weight: 600;
    width: -webkit-fill-available;
    text-align: center;
    display: block;
    margin-bottom: 47px;
    margin-top: 20px;
}
.index:lang(en) section:nth-of-type(20)::before {
    content: "Clients";
    font-size: 30px;
    color: #000;
    padding-bottom: 10px ! impotrant;
    font-weight: 600;
    width: -webkit-fill-available;
    text-align: center;
    display: block;
    margin-bottom: 47px;
    margin-top: 20px;
}





.index section:nth-of-type(10) a[aria-label="square-banner-0"] ,
.index section:nth-of-type(11) a[aria-label="square-banner-0"],
.index section:nth-of-type(10) a[aria-label="square-banner-2"] ,
 .index section:nth-of-type(11) a[aria-label="square-banner-2"] {
  aspect-ratio: 251/90;
  height: auto !important;
}
.index section:nth-of-type(20) .grid, .index section:nth-of-type(21) .grid {
    grid-template-columns: repeat(5, minmax(0, 1fr));
}
.index section:nth-of-type(20) a , .index section:nth-of-type(21) a {
  aspect-ratio: 1;
  height: auto !important;}
  
 .index section:nth-of-type(20)   .two-row .banner-entry:first-child , 
  .index section:nth-of-type(21)   .two-row .banner-entry:first-child  {
        grid-row: unset !important;
    }
.index section:nth-of-type(12) a , .index section:nth-of-type(13) a, .index section:nth-of-type(16) a , .index section:nth-of-type(17) a {
 aspect-ratio: 13/20;
  height: auto !important;
}
.index section:nth-of-type(14) .grid , 
.index section:nth-of-type(15) .grid ,
.index section:nth-of-type(18) .grid , 
.index section:nth-of-type(19) .grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.index section:nth-of-type(14) a , .index section:nth-of-type(15) a,
.index section:nth-of-type(18) a , .index section:nth-of-type(19) a {
 aspect-ratio: 13/20;
  height: auto !important;
}

.index section:nth-of-type(10) a[aria-label="square-banner-1"] ,
.index section:nth-of-type(11) a[aria-label="square-banner-1"]{
  aspect-ratio: 1;
  height: auto !important;
}

/*EN*/
.index section:nth-of-type(1):lang(en),
.index section:nth-of-type(2):lang(en),
.index section:nth-of-type(6):lang(en),
.index section:nth-of-type(7):lang(en),
.index section:nth-of-type(10):lang(en),
.index section:nth-of-type(10):lang(en),
.index section:nth-of-type(12):lang(en),
.index section:nth-of-type(13):lang(en),
.index section:nth-of-type(14):lang(en),
.index section:nth-of-type(15):lang(en)

{
display:none !important;

}


/*AR*/
.index section:nth-of-type(3):lang(ar),
.index section:nth-of-type(4):lang(ar),
.index section:nth-of-type(8):lang(ar),
.index section:nth-of-type(9):lang(ar),
.index section:nth-of-type(11):lang(ar),
.index section:nth-of-type(16):lang(ar),
.index section:nth-of-type(17):lang(ar),
.index section:nth-of-type(18):lang(ar),
.index section:nth-of-type(19):lang(ar)
{
display:none !important;

}

@media(max-width:768px){
.index section:nth-of-type(1),
.index section:nth-of-type(3),
.index section:nth-of-type(6),
.index section:nth-of-type(8),
.index section:nth-of-type(12),
.index section:nth-of-type(13),
.index section:nth-of-type(16),
.index section:nth-of-type(17)
{
display:none !important;

}

}




@media (min-width: 767px) {
.index section:nth-of-type(2),
.index section:nth-of-type(4),
.index section:nth-of-type(7),
.index section:nth-of-type(9),
.index section:nth-of-type(14),
.index section:nth-of-type(15),
.index section:nth-of-type(18),
.index section:nth-of-type(19)
{
display:none !important;

}



    .container {
        max-width: 1200px;
    } 
.index section:nth-of-type(10) .grid ,  .index section:nth-of-type(11) .grid {
    grid-template-columns: 57.2% 42.8% !important;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    gap: 20px;
}
.index section:nth-of-type(10) a[aria-label="square-banner-0"] ,
.index section:nth-of-type(11) a[aria-label="square-banner-0"]{
grid-column: 1;
  grid-row: 1;
  background-color: #dbeafe;
  padding: 10px;
  border-radius: 10px;
 aspect-ratio: 251/90;
  height: auto;
}
.index section:nth-of-type(10) a[aria-label="square-banner-1"] ,
.index section:nth-of-type(11) a[aria-label="square-banner-1"]{
  grid-column: 2;
  grid-row: 1 / span 2;
  background-color: #bbf7d0;
  padding: 10px;
  border-radius: 10px;
  aspect-ratio: 1;
  height: auto;
}
.index section:nth-of-type(10) a[aria-label="square-banner-2"] ,
 .index section:nth-of-type(11) a[aria-label="square-banner-2"] {
  grid-column: 1;
  grid-row: 2;
  background-color: #fef08a;
  padding: 10px;
  border-radius: 10px;
  aspect-ratio: 251/90;
  height: auto;
}
}

.bg-white {
  
    background-color: rgb(239 240 243) !important;
}
body {
  
    background-color: rgb(243 244 246) !important;
}