/* Add custom CSS styles below */ 
.banner--fixed img{


border-radius:30px;

}

.s-block--photos-slider {
    margin-top: 0 !important;
}

.swiper {
    padding-left: 0 !important;
}

salla-slider.photos-slider .swiper-slide {
    position: relative;
    margin-left: 1.1rem;
    margin-right: 0.5rem;
    height: auto;
    width: 100%;
    overflow: hidden;
    padding-left: 0;
    padding-right: 0;
}
@media (min-width: 768px) {
    .md\:grid-cols-3 {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}
@media (min-width: 768px) {
    .two-row .banner-entry:first-child {
        height: 85%;
    }
}
.lazy__bg.loaded {
    opacity: 1;
    background-size: cover !important ;
}
@media (max-width: 768px) {
    .md\:grid-cols-3 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
body:after {
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    position: fixed;
    z-index: 999999;
    background: var(--main-color) url(https://cdn.salla.sa/cdn-cgi/image/fit=scale-down,width=400,height=400,onerror=redirect,format=auto/jZbarK/KNn4wPySq1YOqS4COiSpMhaGinuJwpotaI9bwRiv.jpg);
    left: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 160px;
    animation-name: fade-in;
    animation-duration: 1.5s;
    transform: scale(0);
    border: none;
}
.banner-entry h3.text-with-border {
    border-radius: 0.375rem;
    border-style: none;
    --tw-border-opacity: 1;
    border-color: rgba(229, 231, 235, 1);
    border-color: rgba(229, 231, 235, var(--tw-border-opacity, 1));
}