.home-blog-preview-wrapper {
  display: flex;
  gap: 90px;
}

.home-blog-right {
  max-width: 464px;
  display: flex;
  flex-direction: column;
  gap: 60px;
}

.header-title {
  margin-bottom: 50px;
}

.home-blog-right h3 a {
  font-size: 1.875rem;
  line-height: 2.5rem;
}

.home-blog-item {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  padding-bottom: 28px;
}

.home-blog-main-image img {
  width: 100%;
  height: auto;
  border-radius: 8px;
  margin-bottom: 30px;
}

.home-blog-date {
  font-size: 18px;
  color: #777;
}

.read-more-link {
  font-size: 18px;
  text-decoration: none;
  color: #0d0d0d;
}

@media (max-width: 768px) {
  .home-blog-preview-wrapper {
    flex-direction: column;
  }

  .home-blog-left,
  .home-blog-right {
    flex: 1 1 100%;
  }
}