/*start customize section*/

    salla-slider.photos-slider .swiper-slide {
    padding: 0rem;
    margin: 0rem;
    width: 100%;
    border-radius:0 !important;
}
.home-slider img{
border-radius:0;
}
.s-slider-block__title-nav {
    visibility: hidden;
}

 salla-slider.photos-slider .swiper:where([dir=rtl],[dir=rtl] *) {
    padding: 0rem;
}  

section:first-of-type {
        margin-top:5%;
}


    /*banner*/
.banner--fixed img {
    background-color: transparent;
    padding: 0rem;
}


/* start customize setion*/
.md\:grid-cols-3 {
    display:flex;
    justify-content: center;
    flex-wrap: wrap;
}
a.banner-entry{
    width: 17% !important;
    height: 425px !important;
    background-color:unset;
}
section.s-block.s-block--banners.container .lazy__bg.lazy.entered.loaded{
    background-size: contain;
    background-repeat: no-repeat;
}

@media(min-width:768px) and (max-width:1200px){
a.banner-entry{
    width: 23% !important;
    height: 440px !important;
    background-color:unset;
}
}
@media(max-width:767px){
a.banner-entry{
    width: 30% !important;
    height: 210px !important;
    background-color:unset;
}
}

/* end customize setion*/

.lazy__bg.lazy.entered.loaded {
    transition: transform .5s;
}
.lazy__bg.lazy.entered.loaded:hover {
    transform: scale(.9);
}

section:nth-child( 2 of .s-block.s-block--banners.container) .grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 1fr);
    gap: 8px;
    direction: ltr;
}

section:nth-child( 2 of .s-block.s-block--banners.container) a.banner-entry:first-child{
    grid-row: span 6 / span 6 !important;
    width:100% !important;
    height: 520px !important;
}

section:nth-child( 2 of .s-block.s-block--banners.container) a.banner-entry:nth-child(2){
    grid-column: span 2 / span 2;
    grid-row: span 1 / span 1;
    width:100% !important;
    height: 235px !important;
}

section:nth-child( 2 of .s-block.s-block--banners.container) a.banner-entry:nth-child(3){
    grid-row: span 3 / span 3;
    grid-column-start: 2;
    grid-row-start: 2;
    width:100% !important;
    height: 250px !important;
}

section:nth-child( 2 of .s-block.s-block--banners.container) a.banner-entry:last-child{
    grid-row: span 3 / span 3;
    grid-column-start: 3;
    grid-row-start: 2;
    width: 100% !important;
    height: 250px !important;
}

@media(max-width:768px){
    section:nth-child( 2 of .s-block.s-block--banners.container) .grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 1fr);
    gap: 8px;
}

section:nth-child( 2 of .s-block.s-block--banners.container) a.banner-entry:first-child{
    grid-row: span 6 / span 6 !important;
    width:100% !important;
    height: 200px !important;
}

section:nth-child( 2 of .s-block.s-block--banners.container) a.banner-entry:nth-child(2){
    grid-column: span 2 / span 2;
    grid-row: span 1 / span 1;
    width:100% !important;
    height: 85px !important;
}

section:nth-child( 2 of .s-block.s-block--banners.container) a.banner-entry:nth-child(3){
    grid-row: span 3 / span 3;
    grid-column-start: 2;
    grid-row-start: 2;
    width:100% !important;
    height: 85px !important;
}

section:nth-child( 2 of .s-block.s-block--banners.container) a.banner-entry:last-child{
    grid-row: span 3 / span 3;
    grid-column-start: 3;
    grid-row-start: 2;
    width: 100% !important;
    height: 85px !important;
}
}