/*=========================================================
Latest Articles
=========================================================*/

.latest-section{
	padding:90px 0;
}

.latest-list{
	display:flex;
	flex-direction:column;
	gap:34px;
}

.latest-card{
	display:grid;
	grid-template-columns:360px 1fr;
	gap:30px;
	align-items:center;

	background:#fff;

	border-radius:24px;

	overflow:hidden;

	box-shadow:0 18px 45px rgba(0,0,0,.08);

	transition:.35s;
}

.latest-card:hover{

	transform:translateY(-5px);

	box-shadow:0 28px 60px rgba(0,0,0,.14);

}

.latest-thumb{

	display:block;

	overflow:hidden;

}

.latest-image{

	width:100%;

	height:260px;

	object-fit:cover;

	display:block;

	transition:.5s;

}

.latest-card:hover .latest-image{

	transform:scale(1.08);

}

/*=========================================================
Content
=========================================================*/

.latest-content{

	padding:28px 30px 28px 0;

}

.latest-category{

	display:inline-block;

	padding:6px 14px;

	border-radius:999px;

	background:#eef4ff;

	color:#2563eb;

	font-size:12px;

	font-weight:700;

	text-transform:uppercase;

	letter-spacing:.08em;

	text-decoration:none;

	margin-bottom:16px;

}

.latest-title{

	font-size:34px;

	line-height:1.25;

	margin:0 0 18px;

	font-weight:800;

}

.latest-title a{

	color:#111827;

	text-decoration:none;

}

.latest-title a:hover{

	color:#2563eb;

}

.latest-meta{

	font-size:13px;

	color:#6b7280;

	margin-bottom:18px;

}

.latest-excerpt{

	font-size:16px;

	line-height:1.8;

	color:#4b5563;

	margin-bottom:24px;

}

.latest-excerpt p{

	margin:0;

}

.latest-button{

	display:inline-flex;

	align-items:center;

	padding:14px 26px;

	border-radius:999px;

	background:#111827;

	color:#fff;

	font-size:14px;

	font-weight:700;

	text-decoration:none;

	transition:.3s;

}

.latest-button:hover{

	background:#2563eb;

}

/*=========================================================
Responsive
=========================================================*/

@media(max-width:991px){

	.latest-card{

		grid-template-columns:1fr;

	}

	.latest-content{

		padding:24px;

	}

	.latest-image{

		height:260px;

	}

}

@media(max-width:768px){

	.latest-title{

		font-size:26px;

	}

	.latest-image{

		height:220px;

	}

}