/* Add custom CSS styles below */ 

section.s-block.s-block--photos-slider {
    margin-top: 0;
}
.navbar-brand img {
    border-radius: 50px;
}
salla-slider.photos-slider .swiper-slide {
    width:100% !important;
    padding:0;
    margin:0
}
salla-slider.photos-slider .swiper:where([dir="rtl"], [dir="rtl"] *) {
    padding:0
}
section.s-block.s-block--logos-slider.s-block--full-bg.bg-gray-100.pt-8.sm\:pt-12.pb-8.sm\:pb-20 {
    background-color: transparent;
}

section.s-block.s-block--fixed-banner.wide-placeholder .container {
    max-width: 100%;
    padding: 0;
}

section.s-block.s-block--fixed-banner.wide-placeholder:has([src="https://cdn.salla.sa/form-builder/euecOb0f5w99oKBP0XYJp8WaGRqmxqTqj2WTEYDn.png"]) .container {
    max-width:90%
}
section.s-block.s-block--banners.container .grid {
    grid-template-columns: repeat(4,minmax(0,1fr))
}

section.s-block.s-block--banners.container .two-row .b
anner-entry:first-child {
    grid-row: span 1/span 2
}

section.s-block.s-block--banners.container a {
    background-color: transparent;
    height: 157px
}

@media(max-width:600px){
    .s-search-container.s-search-inline {
    min-width: 200px;
}
    section.s-block.s-block--banners.container .grid {
    grid-template-columns: repeat(2,minmax(0,1fr))
}
    section.s-block.s-block--banners.container a {
    background-color: transparent;
    height: 27vw
}
}
section.s-block.s-block--logos-slider.s-block--full-bg.bg-gray-100.pt-8.sm\:pt-12.pb-8.sm\:pb-20 .right-side {
    margin: auto;
}
section.s-block.s-block--logos-slider.s-block--full-bg.bg-gray-100.pt-8.sm\:pt-12.pb-8.sm\:pb-20 {
    background-color: transparent;
    padding: 0;
    margin-top: 25px;
}