.block.home_news {
    max-width: var(--max-container-width);
    position: relative;
    height: var(--home_news-height);
    max-height: var(--home_news-height);
    display: flex;
    flex-direction: var(--home_news-flex-direction);
    margin: auto;
    overflow-x: hidden;
}

.block.home_news .header {
    max-width: var(--home_news-header-max-width);
    margin-right: 40px;
}
.block.home_news .header .navigation_arrows {
    margin-top: 80px;
    position: relative;
}
.block.home_news > .navigation_arrows {
    margin-top: 40px;
    margin-bottom: 40px;
    position: relative;
}
.block.home_news .swiper-slide .index {
    font-size: var(--font-size-h1) !important;
    color: var(--color-blue) !important;
    font-weight: bolder !important;
}
.block.home_news .swiper-slide .date {
    color: var(--color-grey) !important;
} 
.block.home_news .swiper-slide h4.title {
    color: var(--color-grey) !important;
} 


.block.home_news .swiper-slide h4 {
    height: 90px;
}
.block.home_news .swiper-slide img.post_thumb_fallback {
    content: url(../../images/post_thumb_fallback.png);
}
.block.home_news .swiper-slide img {
    max-width: var(--home_news-image-width);
    max-height: var(--home_news-image-height);
    object-fit: cover;
}
.block.home_news .swiper-slide {
    transition: opacity .4s;
}
.block.home_news .swiper-slide:not(.swiper-slide-active):not(:hover) {
    opacity: 0.7;
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev,
.swiper-button-prev, 
.swiper-container-rtl .swiper-button-next {
    width: 50px;
    height: 50px;
    background-image: url(../../images/arrow-right.png);
    position: relative;
    display: inline-block;
    left: 0;
    right: 0;
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    background-image: url(../../images/arrow-right.png);
}
.swiper-button-prev, 
.swiper-container-rtl .swiper-button-next {
    background-image: url(../../images/arrow-left.png);
}

/** lg (for large screens - screens greater than 1200px wide) **/
@media(min-width: 1200px) {
    :root {
        --max-container-width: 1140px;
        --home_news-header-max-width: 200px;
        --home_news-height: 420px;
        --home_news-flex-direction: row;
        --home_news-image-width: 335px;
        --home_news-image-height: 177px;
    }        
}
/** md (for small laptops - screens equal to or greater than 992px wide) **/
@media (min-width: 991px) and (max-width: 1199px) {
    :root {
        --max-container-width: 900px;
        --home_news-header-max-width: 200px;
        --home_news-height: 420px;
        --home_news-flex-direction: row;        
        --home_news-image-width: 335px;
        --home_news-image-height: 177px;

    }        
}
/** sm (for tablets - screens equal to or greater than 768px wide) **/
@media (min-width: 768px) and (max-width: 990px) {
    :root {
        --max-container-width: 740px;
        --home_news-header-max-width: 200px;
        --home_news-height: 420px;
        --home_news-flex-direction: row;     
        --home_news-image-width: 335px;
        --home_news-image-height: 177px;

    }  
}

/** xs (for phones - screens less than 768px wide) **/
@media (max-width: 767px) {
    :root {
        --max-container-width: 100vw;
        --home_news-header-max-width: 100vw;
        --home_news-height: auto;
        --home_news-flex-direction: column;
        --home_news-image-width: calc(100vw - 40px);
        --home_news-image-height: 52vw;
    }  
    .block.home_news {
        max-width: calc(100vw - 40px);
    }

    .block.home_news .header {
        margin-right: 0;
    }
    
    .block.home_news .header h2 {
        width: 50vw;
    }
}