.section-news{
    font-family: "Noto Sans Thai", Prompt, sans-serif !important;
}
.section-news .card-news{
    transition:0.3s;
    border:1px solid #FCFCFC;
}
    .section-news .card-news:hover {
        
    }
    .section-news .card-news .card-image-panel{
        padding:15px;
    }
    .section-news .card-news .card-image {
        position: relative;
        padding-top: 56.25%;
        background: #EFEFEF;
        overflow: hidden;
        border-radius: 7px;
    }
    .section-news .card-news .card-image img{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: fill;
        transition:0.3s;
    }

    .section-news .card-news:hover .card-image img {
        transform: scale(1.03);
        
    }
        .section-news .card-news h5 {
            letter-spacing: 0.01rem;
            font-size: 1.1rem;
            line-height: 1.4;
            height: 4.3rem;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
        }
        .section-news .card-news h5 a {
            color: #024DAE;
            transition:0.3s;
        }
        .section-news .card-news h5 a:hover {
            color: #012970;
        }

        .section-news .card-news p.news-preview {
            font-size: 0.9rem;
            line-height: 1.2rem;
            height: 3.6rem;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
        }

.section-news .news-post{

}
    .section-news .news-post .news-title {
        line-height: 1.2;
        font-weight: bolder;
        text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    }
    .section-news .news-post .news-detail img{
        max-width:100%;
    }

@media (max-width: 768px) {
    .section-news {

    }

    .section-news .card-news h5 {
        height: 4.2rem;
    }

    .section-news .card-news p.news-preview {
        height: 3.6rem;
    }
}