html {
  scroll-behavior: smooth;
  scroll-padding-top: 120px;
}

.single-post > .blog-post > .container {
  width: 100%;
  max-width: 1440px;
  position: relative;
}

.single-post > .blog-post > .container .body {
  width: 55%;
  margin: 0 auto;
}

.single-post > .blog-post .container .sidebar {
  width: 260px;
  height: 100%;
  border-radius: 20px;
  position: absolute;
  top: 0;
  left: 32px;
}

.rtl.single-post > .blog-post > .container .sidebar {
  right: 32px;
}

.b-content.ltu-sticky-toc {
  position: sticky;
  top: 122px;
  padding: 20px;
  border-radius: 15px;
  transition: all 0.3s ease-in-out;
  z-index: 1;
  overflow: hidden;
  background: #f3f5ff;
  border: 1px solid #4c57ff;
}

.b-content.ltu-sticky-toc .ltu-sticky-toc-btn {
  background-color: transparent;
  border: none;
  font-size: 18px;
}

.b-content.ltu-sticky-toc .b-content__block {
  padding-top: 20px;
}

.b-content .b-content__list li:not(:last-child) {
  margin-bottom: 14px;
}

.b-content .b-content__list > li ul {
  display: none;
  margin-left: 0;
  padding: 7px 15px;
  border-left: 1px solid #4c57ff;
}

.b-content .b-content__list > li.is-active ul {
  display: block;
}

.b-content .b-content__list li > ul {
  margin-top: 14px;
}

.b-content .b-content__list > li.is-active > a {
  position: relative;
  font-weight: 500;
  color: #0e1122;
}

.b-content .b-content__list > li > a.is-active {
  position: relative;
  font-weight: 500;
  color: #0e1122;
}

.b-content .b-content__list > li > a.is-active:before {
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: -25px;
  width: 7px;
  height: 100%;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  background-color: #4c57ff;
}

.rtl .b-content .b-content__list > li > a.is-active:before {
  right: -25px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  border-top-right-radius: unset;
  border-bottom-right-radius: unset;
}

.b-content .b-content__list > li ul {
  display: none;
  margin-left: 22px;
  padding: 7px 15px;
  border-left: 1px solid #9dbbfb;
}

.rtl .b-content .b-content__list > li ul {
  margin-right: 22px;
  border-right: 1px solid #9dbbfb;
  border-left: unset;
}

.b-content .b-content__list > li ul li:not:last-child {
  margin-bottom: 20px;
}

.b-content .b-content__list > li ul .btn--scroll {
  font-size: 14px;
  font-weight: 400;
  color: #868890;
  line-height: 1.5;
}

.b-content .b-content__list > li ul .btn--scroll.is-active {
  position: relative;
  font-weight: 500;
  color: #0e1122;
}

.b-content .b-content__list > li ul .btn--scroll.is-active:before {
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: -15px;
  width: 3px;
  height: 100%;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  background-color: #4c57ff;
}

.rtl .b-content .b-content__list > li ul .btn--scroll.is-active:before {
  right: -15px;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top-right-radius: unset;
  border-bottom-right-radius: unset;
}

.b-content .b-content__list > li.is-active ul {
  display: block;
}

@media (min-width: 968px) {
  .d-xl-none {
    display: none;
  }

  .d-xl-block {
    display: block;
  }
}
@media (max-width: 1360px) {
  .single-post > .blog-post .container .sidebar {
    width: 19%;
    left: 1%;
  }

  .rtl.single-post > .blog-post > .container .sidebar {
    right: 1%;
  }
}
@media (max-width: 968px) {
  .d-xl-block {
    display: none;
  }

  .d-none {
    display: none !important;
  }

  html {
    scroll-padding-top: 240px;
  }

  .single-post > .blog-post .container .body {
    width: 100%;
    margin: 0 auto;
    padding: 0 20px;
  }

  .b-content.ltu-sticky-toc {
    top: 0;
    border-radius: 0;
    position: fixed;
    left: 0;
    width: 100%;
    box-shadow: 0 2px 15px rgb(2 0 67 / 33%);
    padding: 0;
  }

  .b-content.ltu-sticky-toc .b-content__block {
    display: none;
  }

  .b-content.ltu-sticky-toc.is-open .b-content__block {
    display: block;
    height: calc(100% - 83px);
    overflow-x: auto;
  }

  .b-content .ltu-sticky-toc-btn {
    margin-bottom: 0;
  }

  .b-content .b-content__block {
    max-width: calc(960px - (var(--bs-gutter-x, 0.75rem))) !important;
    margin: 0 auto 1.5rem !important;
    padding: 20px 1.5rem 0 !important;
    border-top: 1px solid #e5e5e5;
  }

  .single-post > .blog-post .container .sidebar {
    left: 0;
    width: 100%;
  }

  .rtl.single-post > .blog-post > .container .sidebar {
    padding: 20px;
  }

  .single-post > .blog-post .container .sidebar,
  .b-content.ltu-sticky-toc {
    position: relative;
    padding: 0;
    margin-bottom: 20px;
  }

  .b-content.ltu-sticky-toc.is-sticky {
    position: fixed;
    top: var(--header-height, 43px);
  }

  .b-content.ltu-sticky-toc.is-sticky.stacked {
    top: -100%;
  }

  .b-content.ltu-sticky-toc.is-sticky.is-open {
    height: calc(100vh - 53px);
    overflow: hidden;
  }

  .b-content .b-content__block {
    max-width: calc(720px - (var(--bs-gutter-x, 0.75rem))) !important;
  }

  .b-content {
    width: 100%;
    padding: 0;
    max-width: 100%;
  }

  .b-content .b-content__btn {
    padding: 20px;
    width: 100%;
    text-align: left;
    background-image: url("data:image/svg+xml,%3Csvg width='44' height='44' viewBox='0 0 44 44' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.3665 26.3688L13.1312 18.1335C12.9563 17.9586 12.9563 17.675 13.1312 17.5C13.3061 17.3251 13.5898 17.3251 13.7647 17.5L21.4897 25.225C21.7715 25.5068 22.2284 25.5068 22.5103 25.225L30.2353 17.5L30.2693 17.4691C30.4452 17.3257 30.7048 17.3361 30.8687 17.5C31.0327 17.664 31.0431 17.9236 30.8997 18.0995L30.8687 18.1335L22.6335 26.3688C22.2836 26.7187 21.7164 26.7187 21.3665 26.3688Z' fill='%239055FF'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center right 10px;
  }

  .b-content.ltu-sticky-toc.is-open .b-content__btn {
    background-image: url("data:image/svg+xml,%3Csvg width='44' height='44' viewBox='0 0 44 44' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.3665 17.6312L13.1312 25.8665C12.9563 26.0414 12.9563 26.325 13.1312 26.5C13.3061 26.6749 13.5898 26.6749 13.7647 26.5L21.4897 18.775C21.7715 18.4932 22.2284 18.4932 22.5103 18.775L30.2353 26.5L30.2693 26.5309C30.4452 26.6743 30.7048 26.6639 30.8687 26.5C31.0327 26.336 31.0431 26.0764 30.8997 25.9005L30.8687 25.8665L22.6335 17.6312C22.2836 17.2813 21.7164 17.2813 21.3665 17.6312Z' fill='%239055FF'/%3E%3C/svg%3E%0A");
  }
}