/*============================================================================================
   Start Blog CSS
==============================================================================================*/
.blog-style-1 .blog-inner {
  position: relative;
}
.blog-style-1 .blog-card {
	border: 1px solid var(--border-color);
	border-radius: 16px;
	margin-bottom: 2px;
}
.blog-style-1 .blog-card:hover .blog-img img {
  transform: scale(1.04);
}
.blog-style-1 .blog-content {
  padding: 18px;
}
.blog-style-1 .blog-img {
  overflow: hidden;
  border-radius: 16px 16px 0px 0px;
}
.blog-style-1 .blog-img img {
  width: 100%;
  height: 100%;
  border-radius: 16px 16px 0px 0px;
  transition: all 0.3s ease;
  object-fit: contain;
}
.blog-style-1 .blog-title {
	font-size: 16px;
	line-height: 120%;
	font-weight: 500;
	margin-bottom: 8px;
	color: var(--title-color);
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.blog-style-1 .blog-title:hover{
  color: var(--primary-color);
}
.blog-style-1 .blog-text {
	line-height: 150%;
	font-weight: 400;
	margin: 0;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	height: 62px;
	min-height: 62px;
}
.blog-style-1 .blog-btn {
  margin-top: 12px;
  display: inline-block;
  line-height: 120%;
  color: var(--primary-color);
  font-weight: 500;
}
.blog-style-1 .blog-btn:hover {
  color: var(--title-color);
}

@media only screen and (max-width: 767px) {

}
/*============================================================================================
   End Blog CSS
==============================================================================================*/