.filterGroup{margin:16px 0}
.filterGroup .dropdown{background-color:white;border-radius:4px}
.filterGroup .dropdown select.form-control{
    width:100%;
    border:0;
    padding: 6px 12px;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-size: 12px;
    background-position: calc(100% - 12px);
}

.filterGroup .dropdown select.form-control:focus,
.filterGroup .dropdown select.form-control:active{box-shadow:none;border:0}

.search-container input.form-control:focus,
.search-container input.form-control:active{box-shadow:none;border:0}

.search-container{background-color:white;padding:15.88px 17.12px;border-radius: 4px;}
.search-container input.form-control{
    width:calc(100% - 25px);
    border:0;outline:none;
}
.search-container i{width:20px;margin-right:5px;cursor:pointer}

.news-link{
    background: #FFFFFF;
    border: 1px solid #E9E9E9;
    border-radius: 12px;
    text-decoration: none;
    overflow: hidden;
}
.news-link .news-list-preview-image{
    padding-bottom: 59.4692400482509%;
    overflow: hidden;
    /* height:246px;
    overflow: hidden; */
}

.news-link .news-list-preview-image img{
    top:0;
    left:0;
    width:100%;
    height:100%;
    object-fit:contain;
    -o-object-fit:contain;
    background-size: contain;
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;

    /* border-radius:12px 12px 0 0; */
}

.news-brief-information{padding:20px 24px;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 0.8px;
    color: #505050;
}
.news-brief-information .news-date{
    
}
.news-brief-information .news-views{text-align:right}
.news-brief-information .news-content-preview{
    font-weight: 500;
    font-size: 18px;
    line-height: normal;
    letter-spacing: 0.8px;
    color: #040404;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 8px;
    height: 48px;
}

.news-link:hover{box-shadow:0 3px 10px #E9E9E9}
.news-link:hover .news-list-preview-image img{
    transform: scale(1.2);
}



.news-link .post-catg{
    position:relative;
    display: block;
    border-top-left-radius:12px;
    border-top-right-radius:12px;
    width:100%;

    background: rgba(61,181,143,1);
    /* background: -moz-linear-gradient(180deg, rgba(156,207,143,1) 0%, rgba(61,181,143,1) 50%, rgba(40,188,237,1) 100%); */
    /* background: -webkit-linear-gradient(180deg, rgba(156,207,143,1) 0%, rgba(61,181,143,1) 50%, rgba(40,188,237,1) 100%); */
    /* background: linear-gradient(180deg, rgba(156,207,143,1) 0%, rgba(61,181,143,1) 50%, rgba(40,188,237,1) 100%); */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#9ccf8f",endColorstr="#28bced",GradientType=1);
    box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.12);
    padding: 5px;

    color: #FFFFFF;
    font-weight: 500;
    font-size: 18px;
    line-height: 23px;
    letter-spacing: 0.025em;
    text-align: center;
    z-index: 10;
}

@media screen and (max-width:991px) { 
    .filterGroup{margin:25.5px 0 32px}
    .search-container{padding:8.88px 13.34px}

    .news-brief-information{padding:16px 20px}
    .news-brief-information .news-views{text-align:left}
    .news-brief-information .news-content-preview{
        margin: 4px 0;
    }
}

@media screen and (max-width:767px) { 
    .filterGroup{margin:16px 0 24px}
    .news-brief-information{padding:8px}
    .news-brief-information .news-views,
    .news-brief-information .news-date{font-size:14px}
    .news-brief-information .news-content-preview{font-size:14px; height: 36px;}
    .news-list-preview-image .post-catg{max-width:initial;font-size:.8rem}
}