
.msb-news-list .owl-item {
    padding: 10px;
}
.msb-news-list .msb-owl-carousel-news .item-news {
    margin-bottom: 30px;
    border-radius: 12px;
    /*overflow: hidden;*/
}
.item-news {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.item-news:hover {
    background: #ffffff;
    /*-webkit-box-shadow: 0 3px 10px rgba(0,0,0,0.05);*/
    /*box-shadow: 0 3px 10px rgba(0,0,0,0.05);*/
    -webkit-box-shadow: 0 0 10px -1px rgba(255,103,31,0.7);
    box-shadow: 0 0 10px -1px rgba(255,103,31,0.7);
}
.item-news .image {
   height: 290px;
    position: relative;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    border-radius: 10px 10px 0 0;
    overflow: hidden;
}
/*.item-news:hover .image {*/
/*    -webkit-box-shadow: 0 0 10px -1px rgba(255,103,31,0.7);*/
/*    box-shadow: 0 0 10px -1px rgba(255,103,31,0.7);*/
/*}*/
.item-news .image:before {
    position: absolute;
    top: 0;
    left: -75%;
    z-index: 2;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(255,103,31,0) 0%, rgba(255,103,31,.1) 100%);
    background: linear-gradient(to right, rgba(255,103,31,0) 0%, rgba(255,103,31,.1) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
}
.item-news:hover .image:before {
    -webkit-animation: shine .75s;
    animation: shine .75s;
}
@-webkit-keyframes shine {
    100% {
        left: 125%;
    }
}
@keyframes shine {
    100% {
        left: 125%;
    }
}
.item-news .image:after {
    content: "";
    position: absolute;
    width: 0;
    height: 8px;
    bottom: 0;
    left: 0;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    opacity: 0;
    background-image: linear-gradient(to right, #ed1c24 0%, #ed2523 13%, #f04d22 49%, #f15522 58%, #f26621 81%, #f37021 100%);
}
.item-news:hover .image:after {
    width: 100%;
    opacity: 1;
}
.item-news .image img {
   width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px 10px 0 0;
}
.item-news .content {
   padding: 15px;
}
.item-news .content .title {
    height: 52px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
   margin: 0 0 5px;
}
.item-news .content .desc {
    height: 72px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    margin: 0 0 10px;
    text-align: justify;
}
