.group-blog .post-main .container {
  max-width: 100%;
}

.single-post .border-dv {
  padding: 0 !important;
  border: 0 !important;
}

.topTitle-part-subtitle {
  font-size: 20px;
  line-height: 1.8;
  margin-top: 20px;
  width: 100%;
}

.topTitle-part-read-time {
  display: grid;
  grid-template-columns: 16px 1fr;
  grid-gap: 12px;
  align-items: center;
  margin-top: 30px;
  font-family: var(--poppins);
  font-size: 16px;
  line-height: 1;
}

.post-main .blog_content-wrapper {
  display: grid !important;
  grid-template-columns: 1fr 50% !important;
  grid-gap: 40px;
  padding-bottom: 60px;
}

.blog_content-wrapper .right-part {
  width: 100% !important;
  height: auto !important;
  box-shadow: none !important;
}

.blog_content-wrapper .right-part img {
  border: 1px solid var(--LightGrey);
}

.post_excerpt {
  font-size: 18px !important;
  flex: auto;
  font-style: italic;
  line-height: 32px !important;
}

.blog_content-wrapper .left-part {
  padding-left: 0;
  width: 100% !important;
  padding-right: 0px !important;
  display: flex;
  flex-direction: column;
  padding-top: 20px;
  height: 100%;
}

.blog_content-wrapper .left-part .post_excerpt strong {
  color: var(--PrimaryGreen);
}

.post-main .blog_content-wrapper .author-share {
  margin-top: 35px !important;
}

.post-main .post-wrap {
  padding: 0px !important;
}

.post-main .inner-post .inner {
  /* flex-wrap: nowrap; */
}

.post-main .post-wrap {
  /* width: 100% !important; */
  /* display: grid; */
  /* grid-template-columns: 345px 1fr; */
  /* grid-gap: 50px; */
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap;
}

.post-main .inner-post .inner {
  /* column-gap: 50px !important; */
}

.post-wrap .espark-easy-toc {
  position: sticky;
  position: -webkit-sticky;
  top: 120px !important;
  background: var(--BlueTextColor);
  padding: 0 !important;
  background-color: transparent !important;
  /* border: 1px solid var(--LightGrey); */
  /* border: 1px solid var(--BlueTextColor); */
  /* max-width: 345px; */
  max-width: 290px;
  width: 100%;
}
.post-main .post-content {
  max-width: calc(100% - 345px);
  padding: 0 50px;
}
.post-main .post-content .post-content {
  max-width: 100%;
  padding: 0;
}
.espark-easy-toc .ez-toc-title-container {
  background-color: var(--BlueTextColor) !important;
  color: #fff;
}

#ez-toc-container {
  /* box-shadow: none !important; */
}

.blog-sidebar {
  top: 120px !important;
}

.espark-easy-toc nav {
  /* max-height: calc(100dvh - 295px); */
  max-height: 150px;
  overflow: auto;
}

.ez-toc-icon-toggle-span svg {
  fill: #fff !important;
  color: #fff !important;
}

.espark-easy-toc nav::-webkit-scrollbar {
  width: 0;
}

.espark-easy-toc nav ul li a {
  font-size: 14px !important;
  line-height: 1.5 !important;
}

.inner-post .post-content h2:before {
  display: none !important;
}
.post-main .post-content h2:first-child {
  margin-top: 0;
}

.inner-post .post-content h2 {
  padding-left: 0 !important;
}

.post-wrap .post-content blockquote {
  margin: 40px 0 !important;
  border-radius: 12px !important;
  /* background: linear-gradient(
    135.86deg,
    rgba(20, 114, 182, 0.1) 1.79%,
    rgba(139, 191, 55, 0.1) 100.34%
  ) !important; */
}

.post-wrap .post-content blockquote.bg-white {
  background: var(--OffWhite) !important;
  border: 1px solid var(--LightGrey);
}

.post-wrap .post-content blockquote a {
  color: inherit !important;
}

.post-main .post-content h3,
.post-main .post-content p + h3 {
  font-size: 24px;
  position: relative;
  line-height: normal;
  margin-top: 40px !important;
  display: block;
  text-decoration: underline;
  text-decoration-style: double;
  text-decoration-color: var(--BluePrimary);
  text-decoration-thickness: from-font;
}

#blog-content-wrapper p img {
  width: auto;
  object-fit: contain;
  height: auto;
  border-radius: 8px !important;
  /* margin: 0 auto !important; */
  display: block;
  text-align: center;
}

.post-main #blog-content-wrapper p:has(img) {
  text-align: center;
  margin: 50px 0 !important;
}

.post-main #blog-content-wrapper p:has(img) img {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.post-wrap #blog-content-wrapper .title-part,
.post-wrap #blog-content-wrapper h2 {
  margin: 50px 0 20px;
  border-top: 1px dashed var(--LightGrey);
  padding-top: 50px;
  font-size: 30px;
}

.post-wrap #blog-content-wrapper .title-part {
  padding-top: 0;
  border-top: 0;
}

.post-wrap #blog-content-wrapper .title-part:first-child,
.post-wrap #blog-content-wrapper h2:first-child {
  margin-top: 0;
  border-top: 0;
  padding-top: 0;
}

.post-wrap #blog-content-wrapper .title-part:last-child,
.post-wrap #blog-content-wrapper h2:last-child {
  margin-bottom: 0;
}

.post-wrap .post-content ul li:not(:last-child),
.post-wrap .post-content ol li:not(:last-child) {
  margin-bottom: 16px !important;
}
.post-wrap .post-content table ul li:not(:last-child) {
    margin: 0 !important;
}

.post-main #blog-content-wrapper p {
  margin: 20px 0 0 !important;
}

.post-main #blog-content-wrapper p:last-child {
  margin-bottom: 0px !important;
}

.post-main #blog-content-wrapper p:first-child {
  margin-top: 0px !important;
}

.post-main #blog-content-wrapper .blog-faq p {
  margin: 0 !important;
}

.post-wrap .post-content ol > li:after {
  top: -2px !important;
}

.post-wrap .post-content table ul li {
    position: relative;
    padding-left: 21px;
}

.post-wrap .post-content table ul li:before {
    content: "";
    position: absolute;
    width: 17px;
    height: 17px;
    left: 0;
    background: url("data:image/svg+xml;charset=UTF-8,%3csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M13.634 6.48809L8.71934 11.7495L6.39559 9.1344C6.32548 9.05544 6.24065 8.99119 6.14594 8.94532C6.05123 8.89945 5.9485 8.87286 5.84361 8.86707C5.63177 8.85537 5.42401 8.9291 5.26603 9.07204C5.1878 9.14281 5.12415 9.22845 5.07871 9.32406C5.03327 9.41966 5.00693 9.52337 5.00119 9.62925C4.98961 9.84309 5.06265 10.0528 5.20424 10.2123L8.10951 13.4813C8.18329 13.5646 8.2734 13.6315 8.37413 13.6778C8.47486 13.7241 8.58402 13.7488 8.6947 13.7502H8.70469C8.81359 13.7503 8.92135 13.7278 9.02134 13.6843C9.12134 13.6407 9.21147 13.577 9.28621 13.4971L14.7963 7.59523C14.9353 7.4385 15.0081 7.23321 14.9993 7.02308C14.9905 6.81295 14.9008 6.61459 14.7492 6.47026C14.5977 6.32592 14.3963 6.24701 14.188 6.25035C13.9797 6.25368 13.7809 6.33898 13.634 6.48809Z' fill='%23007860'/%3e%3cpath d='M18.48 4.91507C18.3867 4.11181 17.9796 3.31368 17.3329 2.66731C16.6861 2.02094 15.8883 1.6135 15.085 1.52019H15.0792C11.7026 1.16026 8.29737 1.16026 4.92079 1.52019H4.91498C4.11169 1.6135 3.31352 2.0206 2.66713 2.66731C2.02073 3.31402 1.61328 4.11181 1.51996 4.91507V4.92088C1.16001 8.2973 1.16001 11.7024 1.51996 15.0788V15.0847C1.61328 15.8879 2.02039 16.686 2.66713 17.3324C3.31386 17.9788 4.11169 18.3862 4.91498 18.4795H4.92079C6.60786 18.6598 8.30333 18.7502 10 18.7502C11.6967 18.7504 13.3921 18.6603 15.0792 18.4802H15.085C15.8883 18.3869 16.6865 17.9798 17.3329 17.3331C17.9793 16.6864 18.3867 15.8883 18.48 15.0853V15.0795C18.84 11.7031 18.84 8.29798 18.48 4.92156V4.91507ZM17.189 14.9373C17.0652 15.9925 15.9926 17.0644 14.938 17.1885C11.6554 17.5385 8.34491 17.5385 5.06231 17.1885C4.00675 17.0648 2.93478 15.9922 2.81104 14.9373C2.46101 11.655 2.46101 8.34473 2.81104 5.06239C2.93478 4.00721 4.00743 2.93529 5.06231 2.81121C8.3448 2.4612 11.6552 2.4612 14.9377 2.81121C15.9933 2.93495 17.0649 4.00755 17.189 5.06204C17.539 8.3445 17.539 11.6549 17.189 14.9373Z' fill='%23007860'/%3e%3c/svg%3e ");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 17px;
    top: 5px;
    filter: invert(56%) sepia(42%) saturate(2784%) hue-rotate(193deg) brightness(94%) contrast(101%);
}

.post-wrap .post-content table ul {
    padding: 0 !important;
    list-style-type: none !important;
}


.espark-blog-testimonial {
    background-color: var(--BlueLight2);
    padding: 40px 20px 20px;
    margin: 50px 0;
    border-radius: 12px;
    position: relative;
    border: 1px solid var(--BluePrimary);
}

.testimonial-author {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    gap: 0;
    margin-top: 20px;
}

.espark-blog-testimonial .testimonial-link a {
    text-decoration: none;
}

.espark-blog-testimonial .testimonial-name {
    font-size: 16px;
}

.espark-blog-testimonial .testimonial-content {
    font-size: 24px;
    line-height: 1.4;
    font-weight: 600;
    color: var(--BlueTextColor);
}

.espark-blog-testimonial .testimonial-name::before {
    content: '-';
    margin: 0 6px;
}

.espark-blog-testimonial::before {
    content: '“';
    font-size: 160px;
    font-family: sans-serif;
    line-height: 1;
    position: absolute;
    display: block;
    color: var(--BluePrimary);
    top: -49px;
    font-weight: 700;
    right: 10px;
    transform: rotateY(180deg);
}

.espark-blog-testimonial::after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    border: 1px solid var(--LightGrey);
    border-radius: 12px;
    left: 8px;
    top: 8px;
    z-index: -1;
}


.the-conclusion {
  margin-top: 38px !important;
  border-top: 1px dashed rgba(0, 0, 0, 0.5);
  padding-top: 25px;
}

.post-wrap .post-content table tr:first-of-type td:first-of-type {
  border-radius: 8px 0 0 0 !important;
}

.post-wrap .post-content table tr:first-of-type td:last-of-type {
  border-radius: 0 8px 0 0 !important;
}

.post-wrap .post-content table tr:last-of-type td:first-of-type {
  border-radius: 0 0 0 8px !important;
}

.post-wrap .post-content table tr:last-of-type td:last-of-type {
  border-radius: 0 0 8px 0 !important;
}

.post-wrap .post-content table tr:first-of-type td {
  background-color: #f8f8f8 !important;
}

.post-wrap .post-content table {
  position: relative;
  margin: 50px 0 !important;
}

.post-wrap .post-content table tr:nth-of-type(2n + 1) td {
  /* background-color: var(--OffWhite) !important; */
  background-color: #eaf3fb !important;
}

.post-wrap .post-content table tr td {
  color: var(--bodyColor) !important;
}

.post-wrap .post-content table tr:first-of-type td {
  /* background-color: #e2e2e2 !important; */
  background-color: #0363b1 !important;
  color: #ffffff !important;
}

.post-wrap .post-content table tr td {
  border-top: 1px solid #cacaca;
  border-right-color: #cacaca !important;
}

.post-wrap .post-content table tr:first-of-type td {
  border-top-color: #cacaca !important;
}

.post-wrap .post-content table tr:last-of-type td {
  border-bottom-color: #cacaca !important;
}

.post-wrap .post-content table tr td:first-of-type {
  border-left-color: #cacaca !important;
}

.post-main #blog-content-wrapper .author-box {
  border-radius: 12px !important;
}

.post-main
  #blog-content-wrapper
  .author-box
  .author-top-header
  .author-details
  .author-designation {
  margin-top: 0px !important;
}

.post-main .post-content pre {
  border-radius: 12px !important;
  background: linear-gradient(
    135.86deg,
    rgba(20, 114, 182, 0.1) 1.79%,
    rgba(139, 191, 55, 0.1) 100.34%
  ) !important;
}

.post-main .post-content pre.bg-white {
  background: var(--OffWhite) !important;
  border: 1px solid var(--LightGrey);
}

.post-wrap .post-content ol li + li {
  margin-top: 20px !important;
}

.topTitle-part:before {
  background-color: var(--BlueTextColor) !important;
}

.topTitle-part {
  color: #fff;
}

.post-wrap .post-content ol:last-child {
  margin-bottom: 0 !important;
}

.post-main .post-content {
  line-height: 30px !important;
}

.single-post .post-main ~ .blog-posts {
  background-color: transparent !important;
}

.post-content ul ul,
.post-content ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 20px 0;
}
.post-content td ul {
  padding-left: 20px !important;
  list-style-type: disc !important;
}
.post-content > ul > li {
  padding-left: 44px !important;
  position: relative !important;
  font-family: var(--poppins);
  line-height: 1.5;
}

.post-content > ul > li::before {
  content: "";
  position: absolute;
  width: 19px;
  height: 19px;
  left: 15px;
  background: url("data:image/svg+xml;charset=UTF-8,%3csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M13.634 6.48809L8.71934 11.7495L6.39559 9.1344C6.32548 9.05544 6.24065 8.99119 6.14594 8.94532C6.05123 8.89945 5.9485 8.87286 5.84361 8.86707C5.63177 8.85537 5.42401 8.9291 5.26603 9.07204C5.1878 9.14281 5.12415 9.22845 5.07871 9.32406C5.03327 9.41966 5.00693 9.52337 5.00119 9.62925C4.98961 9.84309 5.06265 10.0528 5.20424 10.2123L8.10951 13.4813C8.18329 13.5646 8.2734 13.6315 8.37413 13.6778C8.47486 13.7241 8.58402 13.7488 8.6947 13.7502H8.70469C8.81359 13.7503 8.92135 13.7278 9.02134 13.6843C9.12134 13.6407 9.21147 13.577 9.28621 13.4971L14.7963 7.59523C14.9353 7.4385 15.0081 7.23321 14.9993 7.02308C14.9905 6.81295 14.9008 6.61459 14.7492 6.47026C14.5977 6.32592 14.3963 6.24701 14.188 6.25035C13.9797 6.25368 13.7809 6.33898 13.634 6.48809Z' fill='%23007860'/%3e%3cpath d='M18.48 4.91507C18.3867 4.11181 17.9796 3.31368 17.3329 2.66731C16.6861 2.02094 15.8883 1.6135 15.085 1.52019H15.0792C11.7026 1.16026 8.29737 1.16026 4.92079 1.52019H4.91498C4.11169 1.6135 3.31352 2.0206 2.66713 2.66731C2.02073 3.31402 1.61328 4.11181 1.51996 4.91507V4.92088C1.16001 8.2973 1.16001 11.7024 1.51996 15.0788V15.0847C1.61328 15.8879 2.02039 16.686 2.66713 17.3324C3.31386 17.9788 4.11169 18.3862 4.91498 18.4795H4.92079C6.60786 18.6598 8.30333 18.7502 10 18.7502C11.6967 18.7504 13.3921 18.6603 15.0792 18.4802H15.085C15.8883 18.3869 16.6865 17.9798 17.3329 17.3331C17.9793 16.6864 18.3867 15.8883 18.48 15.0853V15.0795C18.84 11.7031 18.84 8.29798 18.48 4.92156V4.91507ZM17.189 14.9373C17.0652 15.9925 15.9926 17.0644 14.938 17.1885C11.6554 17.5385 8.34491 17.5385 5.06231 17.1885C4.00675 17.0648 2.93478 15.9922 2.81104 14.9373C2.46101 11.655 2.46101 8.34473 2.81104 5.06239C2.93478 4.00721 4.00743 2.93529 5.06231 2.81121C8.3448 2.4612 11.6552 2.4612 14.9377 2.81121C15.9933 2.93495 17.0649 4.00755 17.189 5.06204C17.539 8.3445 17.539 11.6549 17.189 14.9373Z' fill='%23007860'/%3e%3c/svg%3e ");
  /* background-image: url(/wp-content/themes/espark/images/tick-circle-white.svg),
    var(--primaryGradient); */
  background-position: center;
  background-repeat: no-repeat;
  top: 4px;
  filter: invert(56%) sepia(42%) saturate(2784%) hue-rotate(193deg)
    brightness(94%) contrast(101%);
}
.post-content ul ul > li {
  position: relative;
  padding-left: 30px;
}
.post-content ul ul > li::before {
  position: absolute;
  content: "";
  width: 10px;
  height: 2px;
  background-color: var(--BlueTextColor);
  left: 10px;
  top: 12px;
}
.post-content .faq-content ul {
  margin-top: 20px;
  /* font-family: var(--poppins); */
}
.post-wrap .faq-content ol > li + li {
  margin-top: 50px !important;
}
.post-wrap .faq-content ol li + li {
  margin-top: 10px !important;
}
.post-content .faq-content ul li::before {
  background: none;
  width: 10px;
  height: 2px;
  background-color: black;
  left: 35px;
  top: 14px;
  position: absolute;
  content: "";
}

.post-content ul li::after {
  display: none !important;
}

.post-content a {
  font-weight: 700;
}

.ez-toc-counter nav ul li a::before {
  display: none;
}

.post-main .author-share .author-left .author-name a {
  flex-wrap: wrap;
  gap: 6px;
}

.post-main .blog_content-wrapper .author-share {
  gap: 30px;
}

.post-main .inner-post,
.single-post .post-main ~ .blog-posts {
  /* border-top: 1px solid var(--LightGrey); */
}

.post-main .author-share .author-left .author-name strong {
  font-size: 20px !important;
  line-height: 1 !important;
}

.post-main .author-share .author-left .author-name a span {
  font-size: 13px !important;
  margin-left: 0 !important;
  line-height: 16px !important;
  margin-top: auto !important;
  font-weight: 500 !important;
}

.post-main .author-share .author-left .author-name span {
  font-size: 15px !important;
  line-height: 1 !important;
  display: block;
}

.mod-update-date {
  position: relative;
  color: darkgray;
}

.mod-update-date::before {
  content: "|";
  position: relative;
  display: inline-block;
  margin: 0 8px;
  font-size: 14px;
  line-height: inherit;
  vertical-align: top;
  color: var(--BlueTextColor);
}

.mod-author-date-info {
  margin-top: 12px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.post-main .author-share .author-left .author-image {
  width: 60px !important;
  height: 60px !important;
}

.post-main .sidebar {
  max-width: 345px !important;
}

.blog-sidebar {
  padding: 15px !important;
}

/* Desktop Large and Down */
@media (max-width: 1919px) {
  .post-main .blog_content-wrapper {
    grid-template-columns: 1fr 40% !important;
  }
}

/* Desktop and Down */
@media (max-width: 1439px) {
  .post-main .blog_content-wrapper {
    grid-template-columns: 1fr 48% !important;
  }

  .post-main .sidebar {
    max-width: calc(100% - 365px - 60px) !important;
    margin: 40px 0 0 auto !important;
  }

  .blog-sidebar__testimonials-item_img {
    height: auto !important;
    aspect-ratio: 16/9 !important;
  }

  .post-main .author-share .author-left .author-name strong {
    font-size: 18px !important;
  }

  .post-main .author-share .author-left .author-image {
    width: 55px !important;
    height: 55px !important;
  }

  .mod-author-date-info {
    flex-direction: column;
    align-items: flex-start;
  }

  .mod-update-date::before {
    content: "____";
    margin: 0 0 9px;
    line-height: 1;
    font-size: 11px;
  }

  .mod-update-date {
    display: flex !important;
    flex-direction: column;
  }
}

/* Tablet L and Down */
@media (max-width: 1366px) {
  .post-main .sidebar {
    max-width: 310px !important;
  }
  .post-main .post-wrap {
    /* width: calc(100% - 310px); */
  }
  .post-wrap .espark-easy-toc {
    max-width: 290px;
  }

  .post-main .post-content {
    max-width: calc(100% - 290px);
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (max-width: 1199px) {
  .post-main .inner-post .inner {
    display: block !important;
  }
  .post-main .post-wrap {
    /* grid-template-columns: 300px 1fr; */
    /* grid-gap: 40px; */
  }

  .post-main .sidebar {
    max-width: calc(100% - 300px - 40px) !important;
  }

  .post-main .blog_content-wrapper {
    grid-template-columns: 1fr !important;
  }

  .blog_content-wrapper .right-part {
    order: -1;
  }

  .blog_content-wrapper .left-part {
    padding-top: 0;
  }
}

/* Tablet P and Down */
@media (max-width: 1023px) {
  .post-main .blog_content-wrapper {
    padding-bottom: 20px;
  }

  .post-main .post-wrap {
    /* grid-template-columns: 1fr; */
    /* grid-gap: 0 !important; */
    display: flex;
    flex-direction: column;
  }

  .post-wrap .espark-easy-toc {
    position: relative;
    top: 0 !important;
    max-width: 100%;
    width: 100%;
  }

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

  .blog_content-wrapper .right-part {
    margin-top: 0 !important;
  }

  .post-main .sidebar {
    max-width: 100% !important;
  }

  .post-main:has(~ .blog-posts) {
    margin-bottom: 80px !important;
  }

  .topTitle-part-subtitle {
    margin-top: 20px;
    font-size: 18px;
  }
}

/* Mobile */
@media (max-width: 767px) {
  .post-wrap .post-content table {
    display: block !important;
    white-space: nowrap;
    width: 100% !important;
    margin: 40px 0 !important;
  }
  .post-main #blog-content-wrapper iframe {
    width: 100%;
  }
  .post-main #blog-content-wrapper p:has(img) {
    margin: 40px auto !important;
  }

  .post-main .author-share .author-left {
    flex-direction: column;
    align-items: flex-start !important;
    gap: 20px;
  }

  .post-main .author-share .author-left .author-name {
    padding-left: 0 !important;
  }

  .post-main .blog_content-wrapper {
    padding-bottom: 40px;
  }

  .post-wrap .post-content table::before {
    display: none;
  }

  .post-wrap .post-content table::-webkit-scrollbar {
    height: 1px;
  }

  .post-main .post-wrap {
    display: block !important;
  }

  .post-wrap #blog-content-wrapper h2 {
    font-size: 26px;
    padding-top: 40px;
  }

  .post-main .post-content h3,
  .post-main .post-content p + h3 {
    font-size: 21px;
    margin-top: 30px !important;
  }

  .blog_content-wrapper .right-part img {
    border-radius: 12px !important;
  }

  .blog_content-wrapper .social-share a {
    width: 34px !important;
    height: 34px !important;
  }

  .blog_content-wrapper .social-share img {
    max-width: 15px;
  }

  .post-content ul li {
    padding-left: 30px !important;
  }

  .post-content ul li::before {
    left: 0;
  }

  .post-main .blog_content-wrapper .author-share {
    flex-direction: column;
    gap: 20px;
    margin-top: 15px !important;
  }

  .blog_content-wrapper .share-post strong {
    padding-bottom: 10px !important;
  }

  .post-main:has(~ .blog-posts) {
    margin-bottom: 50px !important;
  }

  .topTitle-part-subtitle {
    font-size: 16px;
  }

  .post-content ul ul,
  .post-content ul {
    margin: 20px 0;
  }

  .post-content ul li {
    font-size: 16px;
  }
}