.wrapper {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-top: 7rem;
}
@media(max-width:450px){
 .wrapper {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-top: 4rem;
}   
}
.card {
    overflow: hidden;
    box-shadow: 0px 2px 20px #d7dfe2;
    background: white;
    border-radius: 0.5rem;
    position: relative;
    width: 350px;
    margin: 1rem;
    transition: 250ms all ease-in-out;
    cursor: pointer;
    margin-top: 20px;
    margin-bottom: 20px;
}
.card:hover {
	transform: scale(1.05);
	box-shadow: 0px 2px 40px #d7dfe2;
}
.banner-img {
	position: absolute;
	object-fit: cover;
	height: auto;
	width: 100%;
}
.category-tag {
	font-size: 0.8rem;
	font-weight: bold;
	color: white;
	background: red;
	padding: 0.5rem 1.3rem 0.5rem 1rem;
	text-transform: uppercase;
	position: absolute;
	z-index: 1;
	top: 1rem;
	border-radius: 0 2rem 2rem 0;
}
.popular {
	background: #ef257a;
}
.technology {
	background: #651fff;
}
.psychology {
	background: #e85808;
}
.card-body {
	margin: 12rem 1rem -1rem 1rem;
}
.blog-hashtag {
	font-size: 0.9rem;
	font-weight: 500;
	color: #4d97b2;
}
.blog-title {
	/* line-height: 1.5rem; */
	margin: 1rem 0 0.5rem;
}
.blog-description {
	color: #616b74;
	font-size: 1.0rem;
}
.card-profile {
	display: flex;
	margin-top: 2rem;
	align-items: center;
}
.profile-img {
	width: 60px;
	height: 60px;
	object-fit: cover;
	border-radius: 50%;
}
.card-profile-info {
	margin-left: 1rem;
}
.profile-name {
	font-size: 1rem;
}
.profile-followers {
	color: #616b74;
	font-size: 0.9rem;
}

.myh3
{
	font-size: 20px !important;
	text-align: justify !important;
    height: 76px;
}