.blog-detail {
  padding: 30px 0;
}

.blog-detail .title {
  line-height: 1.57;
  margin-bottom: 15px;
}

.blog-detail .lt {
  margin-bottom: 30px;
}

.blog-detail .info>*:not(:last-child) {
  margin-bottom: 15px;
}

.blog-detail .info p {
  line-height: 1.75;
}

.blog-detail .info h2, .blog-detail .info h3 {
  font-size: 20px;
  text-align: left;
  color: var(--style-color);
}

.blog-detail .info img {
  border-radius: 4px;
  box-shadow: 1px 5px 17px 3px rgba(1, 160, 53, 0.2);
}

.blog-detail .rt-title {
  text-align: left;
  padding-bottom: 10px;
  border-bottom: 1px solid #D0D0D0;
  margin-bottom: 15px;
}

.blog-detail .latst-list>li {
  font-size: 14px;
  line-height: 1.57;
  font-family: 'PlusJakartaSans-S';
  cursor: pointer;
}

.blog-detail .latst-list>li.active {
  color: var(--style-color);
}

.blog-detail .latst-list>li:not(:last-child) {
  margin-bottom: 12px;
}

@media (min-width: 992px) {
  .blog-detail .item-wrap {
    display: flex;
    align-items: flex-start;
    flex-direction: row-reverse;
  }

  .blog-detail .lt {
    flex: 1;
    padding-left: 30px;
    margin-bottom: 0;
  }

  .blog-detail .rt {
    width: 210px;
    flex-shrink: 0;
    position: sticky;
    position: -webkit-sticky;
    top: 150px;
    background: #fff;
  }
}

@media (min-width: 1200px) {
  .blog-detail {
    padding: 55px 0 60px;
  }

  .blog-detail .title {
    margin-bottom: 45px;
  }

  .blog-detail .lt {
    padding-left: 40px;
  }

  .blog-detail .info>*:not(:last-child) {
    margin-bottom: 29px;
  }

  .blog-detail .info h2, .blog-detail .info h3 {
    font-size: 25px;
  }

  .blog-detail .rt-title {
    padding-bottom: 18px;
    margin-bottom: 22px;
  }
}

@media (min-width: 1440px) {
  .blog-detail {
    padding-bottom: 94px;
  }

  .blog-detail .rt {
    top: 210px;
  }
}