/*============================================================================================
   Start Blog CSS
==============================================================================================*/
.blog-style-1 .blog-inner {
  position: relative;
}
.blog-style-1 .blog-card {
  border: 1px solid var(--border-color);
  border-radius: 16px;
}
.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;
	display: inline-block;
}
.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;
}
.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);
}

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