.latest-news-card { background-color: var(--views-white); border-radius: 20px; overflow: hidden; transition: all 0.3s ease-in; }

.latest-news-card:hover { box-shadow: 0 24px 48px -12px rgb(0 0 0 / 18%); }

.latest-news-image { position: relative; padding-bottom: 66%; overflow: hidden; }

.latest-news-image img { width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0; right: 0; bottom: 0; transition: all 0.3s ease-in; }

.latest-news-card:hover .latest-news-image img { transform: scale(1.05); }

.latest-news-content { padding: 24px; font-size: 14px; color: #404D61; }

.latest-news-category { font-weight: 600; text-transform: uppercase; margin-bottom: 8px; }

.latest-news-title { font-size: 24px; font-weight: 600; color: var(--views-black); margin-bottom: 8px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }

.latest-news-date { font-size: 14px; color: #404D61; }

/* ====================================================== 

! Extra large devices (large desktops, less than 1600px)

====================================================== */

@media (max-width:1599.98px) { }

/* ========================================== 

! Large devices (desktops, less than 1200px)

=========================================== */

@media (max-width:1199.98px) { }

/*==========================================

! Medium devices (tablets, less than 992px)

========================================== */

@media (max-width:991.98px) {

.latest-news-title { font-size: 20px; margin-bottom: 12px; }

}

/* =================================================  

! Small devices (landscape phones, less than 768px)

================================================= */

@media (max-width:767.98px) { }

/* ======================================================

! Extra small devices (portrait phones, less than 576px)

====================================================== */

@media (max-width:575.98px) {

.latest-news-image { padding-bottom: 100%; }

}