/* Filter Div */
.filterDiv {
	float: left;
	color: #ffffff;
	width: 24%;
	margin: 0.5%;
	display: none;
}

.show {
	display: block;
}

.container-new {
	overflow: hidden;
}

/* Style the buttons */
.btn-hb {
	border: none;
	outline: none;
	padding: 12px 16px;
	background-color: #f1f1f1;
	cursor: pointer;
}

.btn-hb:hover {
	background-color: #ddd;
}

.btn.active {
	background-color: #666;
	color: white;
}

/* Modern Read More Button */
.btn-read-more {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 35px !important;
	height: 35px !important;
	border-radius: 50% !important;
	background-color: #048CD6 !important;
	border: none !important;
	cursor: pointer !important;
	transition: all 0.3s ease !important;
	box-shadow: 0 3px 10px rgba(4, 140, 214, 0.3) !important;
	text-decoration: none !important;
	float: right !important;
	margin-top: 10px !important;
	color: white !important;
}

.btn-read-more:hover {
	transform: translateY(-2px) !important;
	box-shadow: 0 5px 15px rgba(4, 140, 214, 0.5) !important;
	background-color: #044D75 !important;
	text-decoration: none !important;
	color: white !important;
}

.btn-read-more i {
	color: white !important;
	font-size: 14px !important;
	transition: transform 0.3s ease !important;
}

.btn-read-more:hover i {
	transform: translateX(2px) !important;
}