.blog-single {
  padding: 60px 0;
  background-color: #ffffff;
}

/* HEADER */
.blog-single__header {
  margin: 50px auto 30px;
}

.blog-single__featured img {
  width: 100%;
  height: 100%;
  max-height: 620px;
  border-radius: 18px;
  object-fit: cover;
}

/* FLEX WRAPPER */
.blog-single__wrapper {
  display: flex;
  gap: 30px;
  align-items: flex-start;
}

/* CONTENT */
.blog-single__content {
  width: 70%;
  font-size: 16px;
}

.blog-single__content h2,
.blog-single__sidebar p {
  font-size: 28px;
  color: #14171f;
}
.blog-single__content h3 {
  font-size: 24px;
}

/* SIDEBAR */
.blog-single__sidebar {
  width: 30%;
  position: sticky;
  top: 120px;
}

/* TOC */
.blog-toc {
  background: #fff;
  border-left: 3px solid #1070ff;
  padding: 0 24px;
}

.blog-toc ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.blog-toc a {
  text-decoration: none;
  color: #14171f;
  font-size: 16px;
}

.blog-toc a:hover {
  color: #1070ff;
}

/* SHARE */
.blog-share {
  display: flex;
  gap: 8px;
  margin-top: 30px;
  flex-wrap: wrap;
}
.blog-share span {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 10px;
}
.blog-share span::before {
  content: "";
  width: 24px;
  height: 24px;
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.0003 7.05V4C13.0003 3.73478 13.1056 3.48043 13.2931 3.29289C13.4807 3.10536 13.735 3 14.0003 3C14.2626 3.0011 14.514 3.10526 14.7003 3.29L21.7003 10.29C21.7937 10.3831 21.8679 10.4937 21.9185 10.6156C21.9692 10.7374 21.9952 10.8681 21.9952 11C21.9952 11.1319 21.9692 11.2626 21.9185 11.3844C21.8679 11.5063 21.7937 11.6169 21.7003 11.71L14.7003 18.71C14.5599 18.8476 14.382 18.9408 14.189 18.9779C13.996 19.015 13.7963 18.9944 13.6149 18.9186C13.4335 18.8429 13.2784 18.7153 13.1691 18.5519C13.0598 18.3886 13.0011 18.1966 13.0003 18V14.9H12.1503C10.5703 14.8764 9.00421 15.197 7.56058 15.8393C6.11696 16.4817 4.83042 17.4306 3.79025 18.62C3.6649 18.7869 3.49047 18.9104 3.29142 18.9731C3.09236 19.0359 2.87866 19.0348 2.68025 18.97C2.47835 18.9019 2.30349 18.771 2.18116 18.5965C2.05884 18.422 1.99546 18.213 2.00025 18C2.00025 8.88 10.0803 7.32 13.0003 7.05ZM12.1503 12.88C12.8193 12.879 13.4873 12.922 14.1503 13.01C14.387 13.0459 14.603 13.1656 14.759 13.3473C14.915 13.5289 15.0006 13.7606 15.0003 14V15.59L19.5803 11L15.0003 6.41V8C15.0003 8.26522 14.8949 8.51957 14.7074 8.70711C14.5198 8.89464 14.2655 9 14.0003 9C13.0903 9 5.89025 9.2 4.33025 15.43C6.59456 13.7606 9.33708 12.8663 12.1503 12.88Z' fill='%231070FF'/%3E%3C/svg%3E");
}
.blog-share a {
  padding: 9px;
  border-radius: 100px;
  background: #1070ff;
  text-decoration: none;
  display: flex;
  align-items: center;
}
/* zoom section */
.cta-zoom-section .container > .row {
  background: #f6f6f6;
  padding: 50px 30px;
  border-radius: 10px;
  position: relative;
  overflow: hidden;
}
.cta-zoom-section .cta-image img {
  position: absolute;
  bottom: 0;
}
.cta-content .btn {
  background: #ffffff;
  color: #1f2741;
  border: none;
}
.cta-content .btn:hover {
  background: #1070ff;
  color: #ffffff;
}
/* RELATED */
.related-posts .related-posts__list {
  display: flex;
  justify-content: center;
  gap: 25px;
}
.post-card {
  border-radius: 12px;
  overflow: hidden;
  max-width: calc(33.33% - 16.6666666667px);
  border: 1px solid #d8d2cc;
}
.post-thumb {
    width: 100%;
    overflow: hidden;
}
.post-thumb img {
  width: 100%;
  height: auto;
  transition: all ease 0.3s;
}
.post-card:hover img {
    transform: scale(1.02);
    transition: all ease 0.3s;
}
.post-content {
  padding: 20px 15px;
}
.post-content a {
  line-height: 28px;
  border-bottom: 1px solid #14171f;
  padding-bottom: 2px;
}
.post-content h3 {
  font-size: 20px;
  line-height: 28px;
  color: #14171f;
  margin-bottom: 15px;
}
.post-content p {
  font-size: 16px;
  color: #14171f;
  line-height: 24px;
  margin-bottom: 10px;
}
.post-content a {
  line-height: 28px;
  border-bottom: 1px solid #14171f;
  padding-bottom: 2px;
}
/* RESPONSIVE */
@media only screen and (max-width: 1024px) {
  .blog-single__wrapper {
    flex-wrap: wrap;
  }
  .blog-single__content {
    width: 100%;
  }
  .blog-single__sidebar {
    display: none;
  }
  .related-posts .related-posts__list {
    flex-wrap: wrap;
  }
  .related-posts .post-card {
    max-width: calc(50% - 16px);
  }
  section.cta-zoom-section.mt-50.mb-100 {
    padding: 0 20px;
  }
}
@media only screen and (max-width: 767px) {
  .related-posts .post-card {
    max-width: calc(100% - 16px);
  }
  article.blog-single__content p {
    line-height: 28px;
  }
  article.blog-single__content li {
    line-height: 28px;
    margin-bottom: 14px;
  }
}