.blog-info {
	width: 100%;
	padding: 2rem;
	border-radius: 1rem;
	margin: 1.5rem 0;
	display: flex;
	flex-direction: column;
}

.blog-info-content {
	width: 100%;
	display: flex;
	flex-direction: column;
	row-gap: 1rem;
	padding-left: 2rem;
	position: relative;
	padding: 0.3rem 0 0.5rem 2rem;
	justify-content: center;
}

.blog-info-content:before {
	content: '';
	position: absolute;
	width: 5px;
	height: 100%;
	border-radius: 2rem;
	left: 0;
}


/* Heading section */
.blog-info-content .title-section {
	display: flex;
	justify-content: space-between;
	align-items: center;
	column-gap: 2rem;
}

.blog-info-content .title-section .title {
	margin: 0 !important;
	font-size: 40px;
	font-family: Poppins;
	font-weight: 400;
}


/* Description */
.blog-info .description,
.blog-info .description * {
	margin: 0;
	font-size: 14px;
	line-height: 20px;
}


/* Settings for light grey block theme */
.blog-info.theme-grey {
	background: #616161;
}


/* Settings for green block theme */
.blog-info.theme-green {
	background: #D1F1AB;
}

.blog-info.theme-green .title-section .title {
	color: #212121;
}

.blog-info.theme-green .description,
.blog-info.theme-green .description * {
	color: #212121;
}

.theme-green .blog-info-content:before {
	background-color: #212121;
}


/* Settings for dark grey block theme */
.blog-info.theme-black {
	background: #424242;
}

/* Multiple settings for dark and light grey theme */
.blog-info.theme-black .title-section .title,
.blog-info.theme-grey .title-section .title {
	color: #D1F1AB;
}

.blog-info.theme-black .description,
.blog-info.theme-black .description *,
.blog-info.theme-grey .description,
.blog-info.theme-grey .description * {
	color: #EEEEEE;
}

.theme-black .blog-info-content:before,
.theme-grey .blog-info-content:before {
	background-color: #D1F1AB;
}



/* Media query */
@media (max-width:767px) {
	.blog-info {
		padding: 1.5rem;
	}

	.blog-info-content {
		padding: 0.3rem 0 0.5rem 1rem;
		row-gap: .5rem;
	}

	.blog-info-content .title-section .title {
		font-size: 24px;
		line-height: 30px;
	}

	.blog-info-content .title-section img {
		width: 36px;
		height: 36px;
	}
}