.card-text{
	overflow: hidden;  
	display: -webkit-box;
   -webkit-line-clamp: 4; /* number of lines to show */
           line-clamp: 4; 
   -webkit-box-orient: vertical;
   overflow: hidden;
	color: #4F4F4F;
	text-overflow: ellipsis;

	/* Text_14/None/Regular */
	font-family: Roboto;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 20px; /* 142.857% */
}

.card-title a {
	text-decoration: none;
	color: #000;
	display: block;
	margin-bottom:8px;
	/* Text_18/SemiBold */
	font-family: Roboto;
	font-size: 18px;
	font-style: normal;
	font-weight: 600;
	overflow:hidden;
	line-height: 24px; /* 133.333% */
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	align-self: stretch;
}

.blog-datelist {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding:16px 0;
	color: #000;
	/* Text_12/Regular */
	font-family: Roboto;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 16px; /* 133.333% */
}

.readtime {
	display: flex;
	align-items: center;
	gap:4px;
}

.blog-img {
	border-radius: 10px;
	display: block;
	overflow:hidden;
}

.blog-card {
	padding:32px;
	border-radius: 10px;
	border: 1px solid #DCDCDC;
	background: #FFF;
	height:100%;
}

.news-list-item {
	padding-bottom:24px;
}

@media (min-width: 768px) and (max-width: 1200px) {
	.blog-card {
		padding:24px;
	}

	.card-title a {
		font-size:16px;
	}

	.blog-datelist {
		padding:8px 0;		
	}
}