.popular-posts {
	background-color: #EFEFEF;
	padding-top: 70px;
	padding-bottom: 67px;
}

.popular-posts .section-title {
	font-size: 1.75rem;
	margin-bottom: 10px;
	font-weight: 500;
}

.popular-posts .separator {
	margin-bottom: 24px;
}

.popular-posts .post-card {
	margin-bottom: 20px;
}

@media(min-width: 768px) {
	.popular-posts .posts-wrapper {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.popular-posts {
		padding-top: 60px;
		padding-bottom: 60px;
	}
	
	.popular-posts .section-title {
		margin-bottom: 15px;
	}
	
	.popular-posts .separator {
		margin-bottom: 30px;
	}
}

@media(min-width: 768px) and (max-width: 1365px) {
	.popular-posts .post-card {
		width: calc((100% / 3) - 10px);
		margin-right: unset;
		margin-left: 0;
	}
}

@media(min-width: 1366px) {
	.popular-posts {
		padding-top: 100px;
		padding-bottom: 100px;
		position: relative;
		overflow: hidden;
	}
	
	.popular-posts .section-title {
		margin-bottom: 20px;
		position: relative;
		z-index: 2;
	}
	
	.popular-posts .separator {
		margin-bottom: 40px;
		position: relative;
		z-index: 2;
	}

	.popular-posts .post-card {
		width: calc((100% - 68px) / 3);
		margin-right: unset;
		margin-left: 0;
		position: relative;
		z-index: 2;
	}

	.popular-posts .special-background {
		width: 100%;
		height: 900px;
		pointer-events: none;
		background: linear-gradient(90deg, rgba(72,228,255,.4) 0%, rgba(0,141,244,.4) 51%);
		opacity: 0;
		position: absolute;
		left: 0;
		top: 0;
		transition: .3s linear;
	}

	.popular-posts .post-card:hover + .special-background {
		opacity: 1;
		background: linear-gradient(90deg, rgba(72,228,255,.4) 0%, rgba(0,141,244,.4) 51%);
		transition: .3s linear;
	}
}