/* Add custom CSS styles below */ 
.swiper-slide.slide--one-sixth[aria-label="5 / 6"] {
   
}
.swiper-slide.slide--one-sixth[aria-label="6 / 6"] {
   
}
.swiper-slide.slide--one-sixth[aria-label="3 / 6"] {
   
}
.swiper-slide.slide--one-sixth[aria-label="4 / 6"] {
   
}
.swiper-slide.slide--one-sixth[aria-label="1 / 6"] {
   
}
.swiper-slide.slide--one-sixth[aria-label="2 / 6"] {
    
}
.s-products-slider-card.swiper-slide {
    border: 1px solid #eee;
}

h4.s-product-card-price {
    font-size: 25px;
    line-height: 2;
}
    .main-menu li>a ,     .main-menu li span
  {
    font-size: 20px;
}
salla-slider.photos-slider .swiper-slide {
    width: 100% !important;
}
section.s-block.s-block--photos-slider img

 {
    background: none !important;
}
button.undefined.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline.s-button-loader-center {
    background: var(--color-primary);
    color: #000 !important; 
    font-weight:600;
    font-size:18px;
}
salla-slider.photos-slider .swiper:where([dir="rtl"], [dir="rtl"] *) {
        padding: 0 !important;
    }

a.slide--cat-entry

 {
    height: auto;
    background: none;
}
.swiper-slide.slide--one-sixth img

 {
    width: 100%;
    height: auto;
    object-fit: contain;
}
.banner--fixed img {
    background: none !important;
}

    .s-block

 {
        margin-top: 10px;
    }
    body#app {
    background: #fff !important;
}
.slide--cat-entry h2

 {
    font-size: 25px;
    font-weight: 600;
    line-height:1;
}
.index section:nth-of-type(5) .banner-entry,
.index section:nth-of-type(6) .banner-entry{
 
    height: auto;
    aspect-ratio: 500/581;
    object-fit: contain;
 background-color: #fff !important;
   
}
.index section:nth-of-type(7) .banner-entry,
.index section:nth-of-type(9) .banner-entry{
 
    height: auto;
    aspect-ratio: 211/90;
    object-fit: contain;
background-color: #fff !important;
   
}
.index section:nth-of-type(20) .banner-entry{
    width: 80%;
    margin: auto;
    height: auto;
    aspect-ratio: 160/191;
    object-fit: contain;
background-color: #fff !important;
   
}
salla-slider#main-links-2 .s-slider-block__title-right {
    display: none;
}
.index section:nth-of-type(5) .grid  {
    margin-top: 20px !important;
    padding-top: 15px !important;
}
.index section:nth-of-type(5) {

text-align: center;}
  .index  section:nth-of-type(5)::before {
    content: "لماذا عليك اختيارنا";
    font-size: 35px;
    color: red;
    padding-bottom: 10px ! impotrant;
    font-weight: 600;
}

.index section:nth-of-type(20) .grid {
    margin-top: 20px !important;
    padding-top: 15px !important;
}
.index section:nth-of-type(20) {

text-align: center;}
  .index  section:nth-of-type(20)::before {
    content:"انضم الينا";
    font-size: 35px;
    color: red;
    padding-bottom: 10px ! impotrant;
    font-weight: 600;
}

@media(min-width:768px){
.navbar-brand img {
    max-height: 100px !important;

}
.index section:nth-of-type(2),
.index section:nth-of-type(12),
.index section:nth-of-type(15),
.index section:nth-of-type(18){
display:none !important;

}
.index section:nth-of-type(5) .grid,
.index section:nth-of-type(6) .grid{
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        gap: 10px;
    }
    .index section:nth-of-type(20) .grid{
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        gap: 10px;
    }
    
}

@media(max-width:768px){
.slide--cat-entry h2 {
    font-size: 15px;
}
.index section:nth-of-type(1),
.index section:nth-of-type(11),
.index section:nth-of-type(14),
.index section:nth-of-type(17)
{
display:none !important;

}
.index section:nth-of-type(5) .grid ,
.index section:nth-of-type(6) .grid ,
.index section:nth-of-type(20) .grid{
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px;
    }
}