#Latestnews {
    overflow: hidden;
    padding: 80px 0px
}

#Latestnews .tv_interviews_slider {
    overflow: visible
}

#Latestnews .tv_interviews_slider {
    margin-top: 35px
}

#Latestnews .tv_interviews_slider .tv_interviewsCards {
    background-color: #eaeef2;
    overflow: hidden;
    border-radius: 15px;
    transition: all .3s ease-in-out;
}

#Latestnews .tv_interviews_slider .tv_interviewsCards:hover {
    background-color: #ed3438;
}

#Latestnews .tv_interviews_slider .tv_interviewsCards .latest-news-thumb {
    display: block;
    position: relative
}

#Latestnews .tv_interviews_slider .tv_interviewsCards .latest-news-thumb .yt-icon {
    margin: auto;
    left: 0px;
    top: 0px;
    bottom: 0px;
    right: 0px;
    position: absolute;
    width: fit-content;
    height: fit-content
}

#Latestnews .tv_interviews_slider .tv_interviewsCards .latest-news-thumb .yt-icon img {
    width: 55px
}

#Latestnews .tv_interviews_slider .tv_interviewsCards .tv_interviewsDetails {
    padding: 30px;
    height: 460px;
}

#Latestnews .tv_interviews_slider .tv_interviewsCards .tv_interviewsDetails small {
    display: block;
    margin-bottom: 10px
}

#Latestnews .tv_interviews_slider .tv_interviewsCards .tv_interviewsDetails small span {
    color: #ed3438
}

#Latestnews .tv_interviews_slider .tv_interviewsCards:hover .tv_interviewsDetails small,
#Latestnews .tv_interviews_slider .tv_interviewsCards:hover .tv_interviewsDetails small span {
    color: #fff;
}


#Latestnews .tv_interviews_slider .tv_interviewsCards .tv_interviewsDetails h2 {
    font-size: 20px;
    margin-bottom: 5px;
}

#Latestnews .tv_interviews_slider .tv_interviewsCards .tv_interviewsDetails p {
    font-size: 16px
}

#Latestnews .tv_interviews_slider .tv_interviewsCards:hover .tv_interviewsDetails small,
#Latestnews .tv_interviews_slider .tv_interviewsCards:hover .tv_interviewsDetails small span,
#Latestnews .tv_interviews_slider .tv_interviewsCards:hover .tv_interviewsDetails h2,
#Latestnews .tv_interviews_slider .tv_interviewsCards:hover .tv_interviewsDetails p,
#Latestnews .tv_interviews_slider .tv_interviewsCards:hover .tv_interviewsDetails a {
    color: #fff;
}



#Latestnews .tv_interviews_slider-next,
#Latestnews .tv_interviews_slider-prev {
    width: 50px;
    height: 50px;
    top: 30px;
    border-radius: 0px
}

#Latestnews .tv_interviews_slider-next::after,
#Latestnews .tv_interviews_slider-prev::after {
    display: none
}

#Latestnews .tv_interviews_slider-prev {
    left: inherit;
    right: 60px;
    background: #fff url(../assets/images/prev-btn.png)
}

#Latestnews .tv_interviews_slider-next {
    right: 0px;
    background: #fff url(../assets/images/next-btn.png)
}

#newsFilter {
    padding-bottom: 80px
}

#newsFilter .year-nav {
    display: flex;
    align-items: center;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    padding: 14px 0;
    margin-bottom: 40px
}

#newsFilter .year-prev,
#newsFilter .year-next {
    width: 50px;
    text-align: center;
    cursor: pointer;
    font-size: 20px;
    user-select: none
}

#newsFilter .yearSwiper {
    flex: 1
}

#newsFilter .yearSwiper .swiper-slide {
    font-size: 16px;
    font-weight: 500;
    color: #000;
    cursor: pointer;
    width: 10%;
}

#newsFilter .yearSwiper .swiper-slide.active {
    color: #ff3b3b
}

#newsFilter .news-list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    gap: 30px
}

#newsFilter .news-list li {
    flex: 0 0 calc(25% - 22.5px);
    display: flex;
    flex-direction: column;
    background: #f9f9f9;
    border-radius: 14px;
    overflow: hidden;
    transition: .3s ease
}

#newsFilter .news-list li .card-content {
    padding: 15px 20px
}

#newsFilter .news-list li .card-content small {
    font-size: 13px;
    display: block;
    color: #ed3438;
    margin-bottom: 10px
}

#newsFilter .news-list li .card-content small .date {
    font-size: 13px;
    color: #9d9d9d;
    margin: 6px 0
}

#newsFilter .news-list li .card-content h4 {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.35;
    margin: 0;
    color: #000;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 16em;
    display: -webkit-box
}

#newsFilter .news-list li:hover {
    box-shadow: rgba(17, 17, 26, .1) 0px 0px 16px
}

@media(max-width: 1200px) {
    #newsFilter .news-list li {
        flex: 0 0 calc(33.333% - 20px)
    }
}

@media(max-width: 768px) {
    #newsFilter .news-list {
        gap: 20px
    }

    #newsFilter .news-list li {
        flex: 0 0 calc(50% - 10px)
    }

    #newsFilter .card-img {
        height: 180px
    }
}

@media(max-width: 480px) {
    #newsFilter .news-list li {
        flex: 0 0 100%
    }
}


@media only screen and (min-width: 1400px) and (max-width: 1599px) {
    #Latestnews .tv_interviews_slider .tv_interviewsCards .tv_interviewsDetails p {
        font-size: 14px;
        line-height: 1.6;
    }

}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    #Latestnews .tv_interviews_slider .tv_interviewsCards .tv_interviewsDetails p {
        font-size: 14px;
        line-height: 1.6;
    }
}

@media(min-width: 320px)and (max-width: 767px) {

    #Latestnews .tv_interviews_slider-next,
    #Latestnews .tv_interviews_slider-prev {
        width: 35px;
        height: 35px;
        top: 30px;
        background-size: cover;
    }

    #Latestnews .tv_interviews_slider-prev,
    #Latestnews .tv_interviews_slider-prev {
        right: 65px;
        left: inherit
    }

    #Latestnews .tv_interviews_slider-next {
        right: 25px;
    }

    #Latestnews .tv_interviews_slider .tv_interviewsCards .tv_interviewsDetails {
        padding: 20px
    }
}

/*# sourceMappingURL=in-the-news.css.map */