/* Add custom CSS styles below */ 
.s-block--banners .banner-entry:nth-child(5n+1), .has-2-photos .banner-entry:nth-child(n), .has-4-photos .banner-entry:nth-child(n), .has-5-photos .banner-entry:nth-child(n+4) {
    grid-column: span 1 / span 1;
}
@media (min-width: 640px) {
    .banner-entry {
        height: 75px;
        padding: 1rem;
    }
}
@media (min-width: 768px) {
    .md\:grid-cols-4 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}
.banner-entry{
    background-color: unset;
}

.banner-entry a:before {
    border-radius: 50px;
}
[dir=rtl] .s-slider-block__title-right {
    padding-left: 2rem;
    border: red;
    background-color: #fff400;
    height: 40px;
    -moz-border-radius: 75px;
    -webkit-border-radius: 75px;
    width: 40px;
}
[dir=rtl] .s-slider-block__title h2 {
    padding-left: 2rem;
    width: 320px;
    margin-top: 5px;
    font-weight: 100;
    color: red;
    margin-right: 9px;
}
@media (max-width: 980px) {
.banner-entry {
    height: 27px;

}
}
@media (max-width: 980px) {
.banner-entry a {
    padding: 0;
}
}
@media (max-width: 980px) {
.grid-cols-2 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media (max-width: 980px) {
.banner-entry a:before {
    border-radius: 0;
}
}
@media (max-width: 980px) {
.grid.grid-cols-2.md\:grid-cols-4.gap-2\.5.md\:gap-4.lg\:gap-5.has-4-photos .banner-entry {
    height: 102px !important;
}
}
.grid.grid-cols-2.md\:grid-cols-4.gap-2\.5.md\:gap-4.lg\:gap-5.has-4-photos .banner-entry {
    height: 340px;
}
.grid.grid-cols-2.md\:grid-cols-4.gap-2\.5.md\:gap-4.lg\:gap-5.has-4-photos {
    grid-template-columns: repeat(2, minmax(0px, 1fr));
}
@media (min-width: 640px) {
    .s-block {
        margin-top: 2rem;
    }
}