.suggested-news {
	display: flex;
	gap: 25px;
}

.suggested-news .itemNews {
	width: 100%;
}

.itemNews {
	display: grid;
	grid-template-columns: 1fr 350px;
	grid-template-rows: minmax(300px, auto);
	height: 100%;
	min-height: 310px;
}

.itemNews:hover .itemNews_img img {
	scale: 1.1;
}

.itemNews:hover .img-back {
	opacity: 1;
	visibility: visible;
}

.itemNews:hover .n-btn {
	opacity: 1;
	transform: translateY(0);
}

.itemNews.small:hover .itemNewsBody,
.itemNews.small:hover .n-title,
.itemNews.small:hover .n-cat {
	color: #fff;
}

.itemNews_img {
	height: 100%;
	width: 100%;
	overflow: hidden;
	border-radius: 8px 0 0 8px;
}
.itemNews_img img {
	transition: all ease-in-out 0.3s;
}

.itemNewsBody {
	position: relative;
	background-color: #0d2147;
	color: #fff;
	padding: 24px 30px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	border-radius: 0 8px 8px 0;
	overflow: hidden;
}

.itemNewsBody .img-back {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	visibility: hidden;
	transition: all ease-in-out 0.3s;
}

.itemNewsBody .img-back.red {
	background-color: #ce2231;
}

.itemNewsBody .bd-top,
.bd-bottom {
	position: relative;
	z-index: 5;
}

.itemNews .n-title {
	color: #fff;
	font-family: Poppins;
	font-size: 25px;
	font-weight: 700;
	margin-bottom: 8px;
}

.itemNews .n-date {
	font-size: 12.8px;
	font-weight: 500;
	margin-bottom: 8px;
}

.itemNews .n-cat {
	font-size: 12.8px;
	color: var(--theme-color-primary1);
	font-weight: 500;
}

.tag-news {
	display: inline-flex;
	flex-wrap: wrap;
	gap: 0 5px;
	font-size: 10.24px;
	font-weight: 600;
}

.itemNews.small .itemNewsBody {
	background-color: #f6f6f6;
	color: #595959;
}

.itemNews .n-descr {
	margin-bottom: 8px;
}

.itemNews.small {
	color: #000;
	grid-template-columns: 180px 1fr;
}

.itemNews.small {
	color: #595959;
}

.itemNews.small .n-title {
	color: #0d2147;
	font-size: 14px;
}

.itemNews.small .n-descr {
	font-size: 12.8px;
}

.itemNews .n-btn {
	transform: translateY(30px);
	opacity: 0;
}

@media (min-width: 1025px) {
	.itemNews.small:hover .n-descr {
		-webkit-line-clamp: 3;
	}
}

@media (max-width: 1280px) {
	.itemNews.small {
		grid-template-columns: 120px 1fr;
	}
}

@media (max-width: 992px) {
	.suggested-news {
		flex-direction: column;
	}
	.itemNews.small {
		grid-template-columns: 1fr;
	}
	.itemNews.small .n-descr {
		-webkit-line-clamp: 3;
	}
	.itemNews {
		grid-template-rows: auto;
	}
	.itemNews_img {
		height: 200px;
		border-radius: 8px 8px 0 0;
	}
	.itemNewsBody {
		border-radius: 0 0 8px 8px;
	}
}