/* Desktop or laptop view */
@media only screen and (min-width: 1024px) {
	.blogs__content {
		background-color: #FFFFFF;
	}
	.title__area {
		height: 32.73vh;
		width: 100%;
		background-image: url('../images/blogs_headerbg.svg');
		background-repeat: no-repeat;
		background-position: top;
		background-size: cover;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.page__title {
		/* width: 310px; */
		/* position: relative; */
		/* left: 50%; */
		/* transform: translate(-50%, 50%); */
		/* background-color: red; */
	}

	/* Blog Cards */
	#blog__section {
		padding: 10.41vw 15.41vh;
		display: flex;
		column-gap: 3.46vw;
		row-gap: 9.84vh;
		flex-wrap: wrap;
	}
	.blog__card {
		display: flex;
		width: 38.65vw;
	}
	.blog__thumbnail {
		background-color: #A5DBCE;
		min-width: 11.93vw;
		height: 18.57vh;
		border-radius: 1.82vw;
		margin-right: 2.08vw;
	}
	.blog__thumbnail > img {
		width: 11.93vw;
		height: 18.57vh;
	}
	#blog__content__title {
		text-align: center;
	}
	.blog__title {
		font-family: 'BT Beau Sans Bold';
		font-size: 1.56vw;
		color: #A5DBCE;
	}
	.blog__details {
		font-size: 1.04vw;
		margin-bottom: 2.76vh;
	}
	.blog__card .read__more__link {
		font-family: 'BT Beau Sans Medium';
		font-size: 1.04vw;
		background-color: #404040;
		border-radius: 3px;
		padding: 0.56vh;
		width: 100%;
		opacity: 0;
		text-align: center;
		cursor: pointer;
	}	
	.read__more__link a {
		text-decoration: none;
		color: #FFFFFF;
	}
	.read__more__link a:visited {
		color: #FFFFFF;
	}
/* .blog__card button {
	font-family: 'BT Beau Sans Medium';
	font-size: 1.04vw;
	background-color: #404040;
	border-radius: 3px;
	padding: 0.56vh;
	width: 100%;
	opacity: 0;
} */
}

/* Mobile view */
@media only screen and (max-width: 1023px) {
	.blogs__content {
		background-color: #FFFFFF;
	}
	.title__area {
	/* height: 32.22vh; */
		height: 28.20vh;
		width: 100%;
		padding-top: 7.11vh;
		background-image: url('../images/blogs_headerbg.svg');
		background-repeat: no-repeat;
		background-position: top;
		background-size: cover;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.page__title {
		font-size: 24px;
		/* width: 310px; */
		/* position: relative; */
		/* left: 50%; */
		/* transform: translate(-50%, 50%); */
		/* background-color: red; */
	}

	/* Blog Cards */
	#blog__section {
		/* padding: 10.41vw 15.41vh; */
		padding: 79px 30px;
		display: flex;
		/* column-gap: 3.46vw; */
		row-gap: 12.10vh;
		flex-wrap: wrap;
	}
	.blog__card {
		display: flex;
		width: 80.77vw;
		flex-direction: column;
		align-items: center;
	}
	.blog__thumbnail {
		background-color: #A5DBCE;
		width: 189px;
		height: 165px;
		/* width: 48.46vw;
		height: 18.67vh; */
		border-radius: 5.90vw;
		/* margin-right: 17.90vw; */
		/* margin-left: 18.90vw; */
		margin-bottom: 25px;
	}
	.blog__thumbnail > img {
		width: 11.93vw;
		height: 18.57vh;
	}
	#blog__content__title {
		text-align: center;
	}
	.blog__title {
		font-family: 'BT Beau Sans Bold';
		font-size: 20px;
		color: #A5DBCE;
		/* margin-top: 2.96vw; */
	}
	.blog__details {
		font-size: 16px;
		/* margin-bottom: 2.76vh; */
	}
	.blog__card .read__more__link {
		font-family: 'BT Beau Sans Medium';
		font-size: 16px;
		background-color: #404040;
		border-radius: 3px;
		padding: 0.56vh;
		width: 100%;
		opacity: 1;
		text-align: center;
		cursor: pointer;
	}	
	.read__more__link a {
		text-decoration: none;
		color: #FFFFFF;
	}
	.read__more__link a:visited {
		color: #FFFFFF;
	}
/* .blog__card button {
	font-family: 'BT Beau Sans Medium';
	font-size: 1.04vw;
	background-color: #404040;
	border-radius: 3px;
	padding: 0.56vh;
	width: 100%;
	opacity: 0;
} */
}