.filter-tabs{
	display: flex;
	justify-content : center;
	margin-bottom: 40px;
	white-space: nowrap;
}
.filter-tab {
    margin-right: 8px;
    padding: 0px 40px;
    font-family: Poppins;
    font-size: 14px;
    font-weight: 400;
    line-height: 40px;
	text-align : center;
    border: 1px solid #6C6C6C;
    border-radius: 8px;
	color: #6C6C6C;
	cursor: pointer;
}
.filter-tab.active{
	 background-image: linear-gradient(100deg, var(--e-global-color-bc2cade) 26%, var(--e-global-color-2ebbd67) 87%);
    color: white;
	border-color: transparent;
font-family: Poppins;
font-size: 14px;
font-weight: 700;
line-height: 40px;

}
.cstm-posts-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 32px;
}
.cstm-posts-grid .post:hover .image{
    transform: scale(1.2); /* Scale up on hover */
}

.cstm-posts-grid .post {
    position: relative;
    overflow: hidden;
	border-radius: 16px;
}

.cstm-posts-grid .image {
    background-size: cover;
    background-position: center;
    height: 250px; /* Adjust the height as needed */
    position: relative;
	transition: transform 0.3s; /* Add scaling transition */

}

.cstm-posts-grid .tag{
	background-color: #ADADADCC;
	color: white;
    text-align: center;
    padding: 4px 10px;
	border-radius: 50px;
    position: absolute;
    right: 16px;
	top: 15px;
    font-family: Poppins;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
}
.cstm-posts-grid h3{
	color: black;
	background-color: white;
	position: absolute;
font-family: Poppins;
font-size: 20px !important;
font-weight: 500;
line-height: 28px;
bottom: 32px;
left: 24px;
padding: 4px 32px 4px 32px;
border-radius: 50px;
margin: 0px !important;
box-shadow: 4px 4px 4px 0px #00000040;
}

@media screen and (min-width:1024px)
{
	.filter-tab{
		min-width : 150px;
	}
}
@media screen and (max-width : 768px)
{
	.filter-tabs{
		overflow : scroll;
	}
	.cstm-posts-grid {
    grid-template-columns: repeat(1, 1fr);
	gap : 20px;
}

}