h6{

	font-size: 0.8em;
}


.blog-container {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 20px; /* Adjust gap between posts */
}

.blog-post {
	flex-basis: calc(33.33% - 20px); /* Adjust width for three posts in a row */
	position: relative;
}

/* Image styles */
.blog-post img {
	width: 100%;
	height: auto;
	border-radius: 8px; /* Rounded corners for images */
}

/* Overlay styles */
.overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background-color: rgba(0, 0, 0, 0.7); /* Overlay background color */
	color: white; /* Text color on overlay */
	border-radius: 8px; /* Rounded corners for overlay */
	opacity: 0; /* Initially hidden */
	transition: opacity 0.3s ease; /* Smooth transition for overlay */
}

.blog-post:hover .overlay {
	opacity: 1; /* Show overlay on hover */
}

/* Heading styles */
.post-heading {
	text-align: center;
	margin-bottom: 10px;
}


.font-heading{

	font-size: 1.2em !important;
	color:black !important;
	font-weight: bold !important;
}
.fs-4{

	font-size: 0.9em !important;
}
image:hover{

	transform: scale(1.5);
}
#pointer {
	width: 120px;
	height: 40px;
	position: relative;
	background: #961B1E;
	color:white;
	text-align: center;
	padding: 10px 10px 10px 10px;

}
#pointer:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 0;
	height: 0;
	border-left: 20px solid white;
	/* border-top: 20px solid transparent;
	border-bottom: 20px solid transparent; */
}
#pointer:before {
	content: "";
	position: absolute;
	right: -20px;
	bottom: 0;
	width: 0;
	height: 0;
	border-left: 20px solid #961B1E;
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
}

hr{
	position: relative;
	top: -19px;
	width: 98%;

	border: 2px solid black;
}