/* header */

/* .hs-blog-post header .header-section .top-header {
background-color: transparent;
}
.hs-blog-post .header-section .top-header .top-link>a, 
.hs-blog-post .header-section .top-header a.header-num span {
color: #002952;
} */


/* 1. Typography */

/* h1 */






/* h2 */






/* h3 */






/* h4 */






/* h5 */






/* body one */






/* link */






/* Quote */





/* mobile typograpy */

/* h1 */






/* h2 */






/* h3 */







/* h4 */






/* h5  */






/* list */



/* paragaph */






/* link */






/* quote */




@media(min-width:768px){
  /* Headings */
  .blog h1,
  .blog .h1{
    font-weight: 700; text-decoration: none; font-family: proxima-nova, sans-serif; font-style: normal;
    color: #1A4B7E;
    text-transform: none;
    line-height:1.2;
    letter-spacing:0;
    font-size:40px;
  }

  .blog h2,
  .blog .h2 {
    font-weight: 700; text-decoration: none; font-family: proxima-nova, sans-serif; font-style: normal;
    color: #00376F;
    text-transform: none;
    line-height:1.35; 
    letter-spacing:0;
    font-size:32px;
  }

  .blog h3,
  .blog .h3 {
    font-weight: 700; text-decoration: none; font-family: proxima-nova, sans-serif; font-style: normal;
    color: #1A4B7E;
    text-transform: none;
    line-height:1.52;
    letter-spacing:0;
    font-size:24px;
  }

  .blog h4,
  .blog .h4 {
    font-weight: 700; text-decoration: none; font-family: proxima-nova, sans-serif; font-style: normal;
    color: #1A4B7E;
    text-transform: none;
    line-height:2;
    letter-spacing:0;
    font-size:20px;
  }

  .blog h5,
  .blog .h5 {
    font-weight: 700; text-decoration: none; font-family: stevie-sans, sans-serif; font-style: normal;
    color: #1A4B7E;
    text-transform: none;
    line-height:1.8;
    letter-spacing:0;
    font-size:16px;
  }


  .blog p,
  .blog .p{
    font-weight: 400; text-decoration: none; font-family: stevie-sans, sans-serif; font-style: normal;
    color: #1A4B7E;
    line-height:1.64;
    letter-spacing:0;
    font-size:18px;
  }

  .body-container-wrapper.blog a,
  .body-container-wrapper.blog .a {
    {font=stevie-sans, font_set=DEFAULT, styles={font-weight=400, text-decoration=underline, font-family=stevie-sans, sans-serif, font-style=normal}, size=18, size_unit=px, color=#2563EB, variant=400, fallback=sans-serif, style=font-weight: 400; text-decoration: underline; font-family: stevie-sans, sans-serif; font-style: normal, css=color: #2563EB;font-size: 18px;font-weight: 400; text-decoration: underline; font-family: stevie-sans, sans-serif;};
    color: #2563EB;
    line-height:1.6;
    letter-spacing:0;
    font-size:18px;
    text-decoration-line: none;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
    font-weight: 400;
    font-family: var(--secondary_font);
  }

  /* Blockquote */

  .blog blockquote {
    font-weight: normal; text-decoration: none; font-family: stevie-sans, sans-serif; font-style: normal;
    font-size: 18px;
    color:#00376F;
    line-height:1.47;
    font-style: italic;
    font-weight: 350;
    letter-spacing: -0.17px;
    margin-bottom:62px;
    margin-top:40px;
  }
}
@media(min-width:768px) and (max-width:1024px){
  .blog h1,
  .blog .h1{
    font-size:36px;
  }
  .blog h2,
  .blog .h2{
    font-size:28px;
  }
  .blog h3,
  .blog .h3{
    font-size:20px;
  }
  .blog h4,
  .blog .h4{
    font-size:18px;
  }
  .blog h5,
  .blog .h5{
    font-size:14px;
  }
}
@media(max-width:767px){
  .blog p,
  .blog .p{
    {font=stevie-sans, font_set=DEFAULT, styles={font-weight=400, text-decoration=none, font-family=stevie-sans, sans-serif, font-style=normal}, size=17, size_unit=px, color=#1A4B7E, variant=400, fallback=sans-serif, style=font-weight: 400; text-decoration: none; font-family: stevie-sans, sans-serif; font-style: normal, css=color: #1A4B7E;font-size: 17px;font-weight: 400; font-family: stevie-sans, sans-serif;};
    color: #1A4B7E;
    line-height:1.64;
    letter-spacing:0;
    font-size:17px;
  }

  .blog h1,
  .blog .h1{
    font-size:29px;
    font-weight: 700; text-decoration: none; font-family: proxima-nova, sans-serif; font-style: normal;
    color: #1A4B7E;
    text-transform: none;
    line-height:1.2;
    letter-spacing:0;
    font-size:29px;
  }

  .blog h2,
  .blog .h2 {
    font-weight: 700; text-decoration: none; font-family: proxima-nova, sans-serif; font-style: normal;
    color: #00376F;
    text-transform: none;
    line-height:1.34; 
    letter-spacing:0;
    font-size:24px;
  }
  .blog h3,
  .blog .h3 {
    font-weight: 700; text-decoration: none; font-family: proxima-nova, sans-serif; font-style: normal;
    color: #00376F;
    text-transform: none;
    line-height:1.4;
    letter-spacing:0;
    font-size:20px;
  }
  .blog h4,
  .blog .h4 {
    font-weight: 700; text-decoration: none; font-family: proxima-nova, sans-serif; font-style: normal;
    color: #00376F;
    text-transform: none;
    line-height:;
    letter-spacing:0;
    font-size:18px;
  }

  .blog h5,
  .blog .h5 {
    font-weight: 700; text-decoration: none; font-family: stevie-sans, sans-serif; font-style: normal;
    color: #1A4B7E;
    text-transform: none;
    line-height:1.6;
    letter-spacing:0;
    font-size:17px;
  }

  .body-container-wrapper.blog a,
  .body-container-wrapper.blog .a {
    {font=stevie-sans, font_set=DEFAULT, styles={font-weight=400, text-decoration=underline, font-family=stevie-sans, sans-serif, font-style=normal}, size=17, size_unit=px, color=#2563EB, variant=400, fallback=sans-serif, style=font-weight: 400; text-decoration: underline; font-family: stevie-sans, sans-serif; font-style: normal, css=color: #2563EB;font-size: 17px;font-weight: 400; text-decoration: underline; font-family: stevie-sans, sans-serif;};
    color: #2563EB;
    line-height:1.6;
    letter-spacing:0;
    font-size:17px;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
  }
  /* Blockquote */
  .blog blockquote {
    font-weight: normal; text-decoration: none; font-family: proxima-nova, sans-serif; font-style: normal;
    font-size: 17px;
    color:var(--body_color,#00376F);
    line-height:1.64;
    font-weight:350;
    letter-spacing: -0.27px;
    font-style: italic;
    font-weight: 350;
    margin-bottom:40px;
    margin-top:32px;
  }
}
.blog blockquote{
  padding-left:32px;
}
.blog blockquote:after{
  width:2px;
  height:100%;
}
.blog blockquote strong{
  font-weight:700;
}
.body-container-wrapper.blog  li{
  font-weight: normal; text-decoration: none; font-family: stevie-sans, sans-serif; font-style: normal;
  font-size: 18px;
  color:#00376f;
  line-height:1.6;
  position:relative;
  padding-left: 15px;
}
.blog h6{
  color:var(--secondary_color);
}
.body-container-wrapper.blog a:hover, .body-container-wrapper.blog .a:hover{
  color: #2563EB;
  text-decoration-line: underline;
}
.hs-blog-post .header-section .top-header .th-container{
  border-bottom-color:transparent;
}
.hs-blog-post header .number-link:after {
  background-color: #e9f0f9;
}
.header-section .top-header .th-container{
  border-bottom:1px solid #e9f0f9;
}
.hs-blog-post header .header-section svg path {
  fill: #00376f;
}
/* Blog Audio */
section.temp-blog-table.blog-norration-main .intro-audio {
  opacity: 0;
  height:90px;
}
.temp-blog-table.opacity-element .post-audio{
  opacity:0;
}
.temp-blog-table.blog-norration-main .blog-post-main-container {
  position: relative;
}
.temp-blog-table  .hs-audio-player__title {
  font-size: 14px;
  font-weight: 500;
  padding-left: 10px;
  padding-right: 15px;
  flex: 1;
}
.blog-post-main-container .post-audio {
  position: absolute;
  top: 0;
  right: 0;
  width: 68%;
  margin-bottom: 32px;
  z-index: 1;
}
.temp-blog-table .blog-post-main-container .hs-audio-player {
  border-radius: 20px;
  padding: 12px 44px 12px 12px;
  height: auto !important;!i;!;
}
.temp-blog-table .blog-post-main-container .hs-audio-player__play-pause-button {
  background-color: var(--secondary_color) !important;!i;!;
  height: 48px;
  width: 48px;
}
.temp-blog-table .blog-post-main-container .hs-audio-player__play-pause-button svg {
  fill: #fff;
}
.temp-blog-table .blog-post-main-container .hs-audio-player__controls {
  align-items: center;
}

@media (max-width: 991px) {
  .blog-post-main-container .post-audio {
    width: 100%;
  }
  .table-main .intro-audio.narrion-audio {
    margin-bottom: 15px;
    height: 90px;
  }
}

/* END */
/* Blog post */

.blog-post {
  margin: 0 auto;
  max-width: 960px;
}
.blog-post__meta {
  margin-bottom: 1.4rem;
}

.blog-post__meta a {
  text-decoration: underline;
}

.blog-post__timestamp {
  display: block;
}

.blog-post__tags svg {
  height: auto;
  margin-right: 0.35rem;
  width: 15px;
}

.blog-post__tag-link {
  font-size: 0.875rem;
}

/* Blog related posts */

.blog-related-posts {
  background-color: #F8FAFC;
}

.blog-related-posts h2 {
  text-align: center;
}

.blog-related-posts__list {
  display: flex;
  flex-wrap: wrap;
}

.blog-related-posts__post {
  flex: 0 0 100%;
  padding: 1rem;
}

@media screen and (min-width: 768px) {
  .blog-related-posts__post {
    flex: 0 0 calc(100% / 2);
  }
}

@media screen and (min-width: 1000px) {
  .blog-related-posts__post {
    flex: 0 0 calc(100% / 3);
  }
}

.blog-related-posts__image {
  height: auto;
  max-width: 100%;
}

.blog-related-posts__title {
  margin: 0.7rem 0;
}

/* Blog comments */

.blog-comments {
  margin: 0 auto;
  max-width: 680px;
}

.blog-comments .hs-submit {
  text-align: center;
}

.blog-comments .comment-reply-to {
  border: 0 none;
}

.blog-comments .comment-reply-to:hover,
.blog-comments .comment-reply-to:focus {
  background-color: transparent;
  text-decoration: underline;
}
.blog .all-text-white, 
.blog .all-text-white a,
.blog .all-text-white h1,
.blog .all-text-white h2, 
.blog .all-text-white h3, 
.blog .all-text-white h4, 
.blog .all-text-white h5, 
.blog .all-text-white h6, 
.blog .all-text-white p,
.blog .all-text-white span, 
.blog .body-container-wrapper .all-text-white a, 
.blog .body-container-wrapper .all-text-white li {
  color: #fff;
}
.blog .all-text-black,
.blog .all-text-black h1,
.blog .all-text-black h2,
.blog .all-text-black h3,
.blog .all-text-black h4,
.blog .all-text-black h5,
.blog .all-text-black h6,
.blog .all-text-black p,
.blog .body-container-wrapper .all-text-black li,
.blog .all-text-black span,
.blog .body-container-wrapper .all-text-black a,
.blog .all-text-black a{
  color:#000000;
}
.blog .all-text-primary,
.blog .all-text-primary h1,
.blog .all-text-primary h2,
.blog .all-text-primary h3,
.blog .all-text-primary h4,
.blog .all-text-primary h5,
.blog .all-text-primary h6,
.blog .all-text-primary p,
.blog .all-text-primary h6 small,
.blog .all-text-primary p small,
.blog .body-container-wrapper .all-text-primary li,
.blog .all-text-primary span,
.blog .all-text-primary a{
  color:var(--primary_color);
}
.blog .all-text-secondary,
.blog .all-text-secondary h1,
.blog .all-text-secondary h2,
.blog .all-text-secondary h3,
.blog .all-text-secondary h4,
.blog .all-text-secondary h5,
.blog .all-text-secondary h6,
.blog .all-text-secondary p,
.blog .all-text-secondary h6 small,
.blog .all-text-secondary p small,
.blog .body-container-wrapper .all-text-secondary li,
.blog .all-text-secondary span,
.blog .body-container-wrapper .all-text-secondary a,
.blog .all-text-secondary a{
  color:var(--secondary_color);
}

.blog-post-rich-text-module{
  padding-top: 0px;
  padding-bottom: 60px;
}
.blog-post-rich-text-module p{
  font-style:italic;
}
.blog-post-rich-text-module p:last-child{
  margin-bottom:0;
}

/* New CSS */
.upload-audio-none .intro-audio {
  display: none !important;
}
.table-main .post-audio.box-none {
  display: block;
}
.table-main .intro-audio.narrion-audio{
  opacity:0;
  visibility: hidden;
}
/* End Css */
.table-contents svg{
  display:block;
  width:100%;
}
.table-contents p > strong{
  font-weight:700;
}
.table-main .body-content ul,
.table-main .body-content ol{
  margin-bottom: 24px;
}
.table-main .body-content li{
  margin-bottom:12px !important;
}
.table-main .body-content ol li{
  padding-left:0;
}
.table-contents .content-sec .profile-and-cta {
  border: 1px solid var(--tertiary_color);
  border-radius: 20px;
  margin-top: 53px;
  padding: 20px;
  position: sticky;
  top: 133px;
  padding-top: 53px;
  background: linear-gradient(215deg, #2B5FC4 2.64%, #00376F 130.78%);
}
.table-contents .content-sec .profile-and-cta::-webkit-scrollbar {
  display: none;
}
.table-main .table-content-list {
  background-color: var(--celestite_color);
  border-radius: 20px;
  padding: 58px;
}
.table-contents .content-sec .guide-content {
  flex-basis: 26%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.table-contents .content-sec .content-heading {
  position: relative;
  padding-bottom: 15px;
  margin-bottom: 20px;
}
.table-contents .content-sec .content-heading h4 {
  margin-bottom: 0;
  font-size: 27px;
  line-height: 1.35;
}
.table-contents .content-sec .content-heading:after {
  content: "";
  position: absolute;
  bottom: 0;
  width: 28px;
  height: 1px;
  background-color: var(--secondary_color);
  left: 0;
}
.table-contents .content-sec .table-list-items.con h5 {
  line-height: 2;
  margin-bottom: 5px;
}

.table-contents .content-sec .heading-list-sec {
  cursor: pointer;
  display: block;
  color: var(--primary_color);
  font-feature-settings: 'liga' off, 'clig' off;
  font-family: var(--secondary_font);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 2.38;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
  position: relative;
  padding-left: 18px;
}
.table-contents .content-sec .heading-list-sec span{
  transition:all .3s ease-in-out;
}
.table-contents .content-sec .heading-list-sec span.list-num {
  position: absolute;
  width: 7px;
  height: 7px;
  background-color: var(--primary_color);
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 100%;
}
.table-contents .content-sec .heading-list-sec:hover span,
.table-contents .content-sec .heading-list-sec.active span{
  color:var(--primary_color);
}
.table-contents .content-sec .profile-img {
  position: absolute;
  top: -33px;
  left: 50%;
  transform: translateX(-50%);
  max-width:66px;
  width:100%;
}
.table-contents .content-sec .profile-box {
  margin-bottom: 26px;
  text-align: center;
  padding: 0;
}
.table-contents .content-sec .profile-text {
  color: #FFF;
  font-family: var(--primary_font);
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px;
}

.table-contents .content-sec .profile-cta a.cta_button {
  width: 100%;
}
.table-contents .content-sec .share-box {
  margin-top: 30px;
}
.table-contents .content-sec .share-box .share-content {
  color: var(--secondary_color);
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 2.35;
  margin-bottom: 11px;
}
.table-contents .content-sec .share-icons {
  gap: 16px;
}
.table-contents .content-sec .share-icons .social-anchor {
  background-color: var(--celestite_color);
  height: 48px;
  padding: 12px;
  border-radius: 100%;
  width: 48px;
}
.table-contents .content-sec .share-icons .social-anchor img.social-link-img {
  transition: all .3s ease-in-out;
}
.table-contents .content-sec .share-icons .social-anchor:hover img {
  transform: scale(1.1);
}
.table-contents .content-sec .table-main .margin-ele{
  margin-bottom:64px;
}
.table-contents .content-sec .table-main .chapter-box {
  border-radius: 20px;
  border: 1px solid #CCD7E2;
  background-color: var(--celestite_color);
  padding: 20px;
  padding-bottom: 30px;
}
.table-contents .content-sec .chapter-box .chapter-image{
  position:relative;
}
.table-contents .content-sec .chapter-box .chapter-image .chapter-index-num {
  border-radius: 10px 0px;
  background: var(--secondary_color);
  position: absolute;
  top: 0;
  left: 0;
  padding: 22px 23px;
  color: var(--white_color);
  font-size: 78px;
  font-weight: 700;
  line-height: 1.2;
}
.table-contents .content-sec .chapter-image img {
  border-radius: 15px;
}
.table-contents .content-sec .chapter-heading {
  padding: 32px 0;
  position: relative;
}
.table-contents .content-sec .chapter-heading:after {
  content: "";
  position: absolute;
  bottom: 0;
  width: calc(100% + 40px);
  left: -20px;
  height: 1px;
  background-color: #CCD7E2;
}

.table-contents .content-sec .chapter-heading h3 {
  margin: 0;
  font-size: 46px;
}
/* .table-contents .content-sec .table-list-items h4 {
font-size: 32px;
line-height:1.35;
}
.table-contents .content-sec .table-list-items .table-content-sec h5{
font-size: 24px;
line-height:1.4;
} */
section.table-contents img {
  object-fit: cover;
  height:auto;
}
section.table-contents :is(h2,h3,h4,h5,h6,p) span {
  all: inherit !important;
  display:inline!important;
}
.blog blockquote :is(h2,h3,h4,h5,h6,p){
  all: inherit !important;
  padding: 0 !important;
  margin: 0 !important;
}
.table-contents .content-sec .chapter-reading{
  gap: 22px;
  padding-top: 30px;
  display: inline-flex;
  cursor: pointer;
}
.table-contents .content-sec .reading-text{
  color: var(--secondary_color);
  font-size: 14px;
  font-weight: 550;
  line-height: 2.24;
  text-transform: capitalize;
  cursor: pointer;
}
.table-contents .content-sec .tc-wrapper p a {
  color:var(--primary_color) !important;
  font-weight:550;
  text-decoration:underline;
}
.table-contents .content-sec .content-list-con .content-list-index {
  gap: 22px;
}
.table-contents .content-sec .content-list-con .content-index-dot {
  flex-basis: 8px;
  position: relative;
}
.table-contents .content-sec .content-list-con .con-list {
  flex: 1;
}
.table-contents .content-sec .content-list-con .content-list-index:not(:last-child) {
  margin-bottom: 24px;
}
.table-contents .content-sec .content-list-con .con-list p:last-child {
  margin-bottom: 0;
}
.table-contents .content-sec .content-list-con .content-index-dot:after {
  position: absolute;
  content: "";
  left: 0;
  top: 10px;
  width: 8px;
  height: 8px;
  border-radius: 100%;
  background-color: var(--secondary_color);
}
.table-contents .content-sec .content-list-con .content-index-num {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.6;
}
.table-contents .content-sec .table-contents .content-list-con p:last-child{
  margin-bottom:0;
}

/* image */
.table-contents .content-sec .table-img-sec img {
  border-radius: 20px;
}
/* video */
.table-contents .content-sec .table-video-sec img.play-icon {
  width: 88px;
  height: 88px;
  transition:all .3s ease-in-out;
}
.table-contents .content-sec .table-video-sec .video-thumnail{
  border-radius: 20px;
  border: 1px solid var(--secondary_color);
  min-height: 435px;
}
.table-contents .content-sec .table-video-sec .video-thumnail:hover img.play-icon {
  transform: scale(1.2);
}
/* image and content */

.table-contents .content-sec .tcs-wrapper {
  border-radius: 20px;
  border: 1px solid #CCD7E2;
  background-color: var(--celestite_color);
  padding: 77px 40px 88px 44px;
  position:relative;
  z-index: 1;
}
.table-contents .content-sec .tcs-wrapper.added-heading {
  padding-top: 64px;
  padding-bottom:58px;
}
.table-contents .content-sec .tcs-heading-main {
  border-radius: 8px;
  border: 1px solid var(--opal_color);
  display: inline-flex;
  padding: 10px 14px;
  gap: 10px;
  margin-bottom: 24px;
}
.table-contents .content-sec .tcs-heading-main .tcs-heading-txt {
  font-weight: 650;
  font-family: var(--primary_font);
}
.table-contents .content-sec .tcs-card-content {
  margin-bottom: 30px;
}

.table-contents .content-sec .tcs-card-content p:last-child {
  margin-bottom: 0;
}
.table-contents .content-sec .tcs-heading-main .tcs-heading-img {
  max-width: 20px;
  width: 100%;
}
.table-contents .content-sec .card-main-img {
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
  border-radius: 0 20px 0 0;
  max-width: 354px;
  height: 350px;
  width: 100%;
}
.table-contents .content-sec .tcs-card-list {
  gap: 13px;
}
.table-contents .content-sec .tcs-card-content, 
.table-contents .content-sec .tcs-card-lists {
  max-width: 450px;
  width:100%;
}
.table-contents .content-sec .tcs-card-list .list-star {
  flex-basis: 27px;
}
.table-contents .content-sec .tcs-card-list .list-content {
  flex: 1;
}
.table-contents .content-sec .tcs-card-lists .tcs-card-list:not(:last-child){
  margin-bottom:20px;
}
.table-contents .content-sec .tcs-card-list .list-content h5 {
  margin-bottom: 5px;
}
.table-contents .content-sec .tcs-card-list .list-content p:last-child{
  margin-bottom:0;
}
.table-contents .content-sec .tcs-share-box {
  position: absolute;
  bottom: 40px;
  right: 40px;
}
.table-contents .content-sec .social-share-drop {
  background-color: var(--white_color);
  display: none;
  min-width: 160px;
  position: absolute;
  left: 50%;
  top: 100%;
  width: 100%;
  z-index: 1;
  margin-top: 5px;
  border-radius: 4px;
  box-shadow: 0px 4px 20px 0px rgba(11, 18, 27, 0.20);
  padding: 8px;
}
.table-contents .content-sec .tcs-share-inner-wrap {
  gap: 12px;
  cursor: pointer;
}
.table-contents .content-sec .tcs-share-inner-wrap .share-text {
  font-size: 14px;
  font-weight: 400;
  line-height: 160%;
}
/* 
.table-contents .content-sec .share-lists:not(:last-child) {
border-bottom: 1px solid var(--opal_color);
}
*/
.table-contents .content-sec .share-lists a.social-link {
  gap: 12px;
  padding: 12px 16px;
  margin: 4px 0;
}
/* 
.table-contents .content-sec .share-lists a.social-link .media-img {
padding: 5px;
background-color: var(--celestite_color);
border-radius: 100%;
height: 44px;
width: 44px;
display: flex;
align-items: center;
justify-content: center;
} */
.table-contents .content-sec .share-lists a.social-link .media-text {
  line-height: 1;
}
.table-contents .content-sec .share-lists a.social-link .media-img img {
  max-width: 24px;
  width: auto;
  transition: all .3s ease-in-out;
}
.table-contents .content-sec .share-lists:hover .media-img img {
  transform: scale(1.1);
}
/* counter */
.table-contents .content-sec .table-count-wrap {
  border-radius: 20px;
  border: 1px solid #CCD7E2;
  padding: 45px;
  background: var(--celestite_color);
}
.table-contents .content-sec .counter-num {
  flex-basis: 50%;
  padding-right: 82px;
  border-right: 1px solid var(--opal_color);
}
.table-contents .content-sec .counter-num:nth-child(2n+2) {
  padding-right: 0;
  border: none;
  padding-left: 82px;
}
.table-contents .content-sec .counter-nums {
  font-size: 56px;
  font-weight: 500;
  line-height: 1.3;
  margin-bottom: 7px;
  font-family: var(--secondary_font);
}
.table-contents .content-sec .counter-content p:last-child,
.table-cmg-wrap .table-cmg-count p:last-child{
  margin-bottom: 0;
}
.table-contents .content-sec .counter-content h5 {
  line-height: 2;
  margin-bottom: 5px;
}

/* counter and image */

.table-contents .content-sec .table-cmg-wrap{
  position: relative;
  padding: 45px 90px 108px 44px;
  border-radius: 20px;
  border: 1px solid #CCD7E2;
  background-color: var(--celestite_color);
}
.table-contents .content-sec .table-cmg-wrap .table-cmg-img {
  flex-basis: 17.3%;
}

.table-contents .content-sec .table-cmg-wrap .table-cmg-count {
  flex-basis: 74%;
}
/* faqs */

.table-contents .content-sec .tab-heading {
  position: relative;
  padding: 15px 44px;
  border-bottom: 1px solid transparent;
  line-height: 1.6;
  cursor: pointer;
  font-size: 16px;
  font-family: var(--secondary_font);
  font-weight: 600;
  color:var(--secondary_color);
}
.table-contents .content-sec .table-faq-sec .tab-heading.active{
  border-color:#CCD7E2
}
.table-contents .content-sec .table-faq-sec .plus-icon:after,
.table-contents .content-sec .table-faq-sec .plus-icon:before {
  background-color: var(--secondary_color);
}
.table-contents .content-sec .table-faq-item {
  background-color: var(--celestite_color);
  border-radius: 10px;
  border: 1px solid #CCD7E2;
  overflow: hidden;
}
.table-contents .content-sec .table-faq-item:not(:last-child) {
  margin-bottom: 24px;
}
.table-contents .content-sec .table-faq-item .tab-answer {
  padding: 24px 44px;
  display:none;
}
.table-contents .content-sec .table-faq-item .tab-answer p:last-child {
  margin-bottom: 0;
}

/* Audio */

.table-main .intro-audio,
.table-main .post-narrion-audio{
  padding: 12px;
  padding-right: 44px;
  border-radius: 20px;
  background: var(--celestite_color);
}
.table-main .aPlay {
  margin-right: 18px;
  cursor: pointer;
}
.table-main .acc-title,
.table-main .flex_araptwo-Line{
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%;
  letter-spacing: -0.16px;
  font-family: var(--primary_font);
}
.table-main .acc-title{
  padding-right: 48px;
}
.flex_araptwo {
  display: flex;
  align-items: center;
  gap: 48px;
  flex-wrap: wrap;
}
.acc-wrapper svg .wavepath.active{
  fill:var(--secondary_color);
}

/* table-contents */

.table-main .body-content,
.table-main .intro-audio,
.table-main .table-content-list,
.table-main .post-narrion-audio{
  margin-bottom: 60px;
}
.table-content-heading {
  gap: 14px;
}
.table-content-heading .tc-image {
  width: 24px;
}
.table-main  .heading-list {
  padding-top: 16px;
}
/* Guide box */
.guide-post-lists {
  position: relative;
  margin-top:20px;
}
.guide-post-lists .gp-lists:not(.active) {
  display:none;
  position: absolute;
  visibility: hidden;
}
.table-contents .content-sec .guide-content .guide-box {
  flex: 1;
}
.guide-post-head {
  padding-bottom: 18px;
  position: relative;
}

.guide-post-head:after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  height: 1px;
  width: 95%;
  background-color: var(--celestite_color);
}

.guide-post-sec {
  flex-basis: 50%;
  position: relative;
  text-align: center;
  font-size: 17px;
  font-style: normal;
  font-weight: 700;
  line-height: 110%;
  letter-spacing: -0.17px;
  font-family: var(--primary_font);
  color: #6687A9;
  transition: all .3s ease-in-out;
  cursor: pointer;
}
.guide-post-sec.active:after{
  content: "";
  position: absolute;
  left: 50%;
  bottom: -18px;
  transform: translateX(-50%);
  height: 2px;
  z-index:1;
  width: 98%;
  background-color: var(--secondary_color);
}
.guide-post-sec.active,
.guide-post-sec:hover {
  color: var(--secondary_color);
}
.gp-list.list-index {
  background: linear-gradient(90deg, #F4F9FF 0%, #FFF 100%);
  padding: 20px;
}
.body-container-wrapper.blog .gp-list.list-index a{
  text-decoration-line: none;
}
.content-sec .gp-list.list-index:nth-child(1){
  border-radius: 20px 20px 20px 4px;
}
.content-sec .gp-list.list-index:nth-child(2){
  border-radius: 4px 20px 20px 4px;
}
.content-sec .gp-list.list-index:nth-child(3){
  border-radius: 4px 20px 20px 20px;
}
.gp-list.list-index:not(:last-child) {
  margin-bottom: 4px;
}
.table-contents .table-main .plus-icon:before {
  width: 2px;
}
.guide-box .main-form form input[type=submit]{
  width:100%;
}
.guide-box .main-form.default_button.arrow .hs_submit .actions:after {
  right: 20%;
  top: 48%; 
}
.table-contents .content-sec .tcs-card-content h3 {
  margin-bottom: 12px;
  font-size: 29px;
}
.table-contents .content-sec  .tcs-card-content h4{
  font-size: 27px;
}
@media(max-width:1380px){
  .table-contents .content-sec .social-share-drop{ 
    left:auto;
    right: -15px;
  }
}
@media(min-width:768px){
  .table-main {
    flex-basis: 68%;
    width:68%;
    border-bottom:1px solid var(--tertiary_color);
  }
  .table-contents p{
    margin-bottom:28px;
  }

  .table-contents .content-list-con {
    margin-top: 34px;
  }
  .table-contents .content-sec .table-list-items h5 + .content-list-con{
    margin-top: 0px;
  }
}
@media(max-width:1024px){
  .table-contents .content-sec .table-list-items.con h5 {
    font-size:16px;
  }
  .table-contents p{   
    margin-bottom:28px;
  }
  .table-contents .content-sec .profile-box{
    padding:0;
  }
  .table-contents .content-sec .guide-content {
    flex-basis: 29%;
  }
  .table-contents .content-sec .guide-box {
    margin-bottom: 175px;
  }
  .table-contents .content-sec .table-main {
    flex-basis: 67%;
    width:67%;
  }
  /* counter */
  .table-contents .content-sec .table-count-wrap {
    padding: 40px 24px;
  }
  .table-contents .content-sec .counter-num {
    padding-right: 30px;
  }
  .table-contents .content-sec .counter-num:nth-child(2n+2) {
    padding-left: 30px;
  }
  .table-main .aPlay {
    flex-basis: 7.6%;
    margin-right: 3%;
  }
  .table-main .acc-title {
    padding-right: 10px;
    flex-basis: 20%;
  }
  .table-main .audio-wave, 
  .table-main .flex_araptwo {
    flex: 1;
  }
  .flex_araptwo {
    gap: 5%;
  }
  .table-main .flex_araptwo-Line {
    flex-basis: 24%;
    text-align: center;
  }
}
@media(max-width:991px) and (min-width:768px){
  .content-sec .content-flex {
    flex-direction: column-reverse;
  }
  .table-contents .content-sec .table-main {
    flex-basis: 100%;
    border:none;
    width:100%;
  }
  .table-contents .content-sec .guide-content {
    flex-basis: 100%;
    margin: 0 auto;
    max-width: 550px;
    display: block;
    width: 100%;
  }
  .table-contents .content-sec .guide-box {
    margin-bottom: 0;
  }
}
@media(max-width:1024px) and (min-width:992px){
  .table-main .intro-audio,
  .table-main .post-narrion-audio{
    position: relative;
    padding: 12px;
  }
  /*   .table-main .aPlay {
  margin-right: 118px;
}
  .table-main .flex_araptwo-Line {
  position: absolute;
  top: 28px;
  left: 78px;
}
  .table-main .audio-wave,
  .table-main .flex_araptwo{
  width: 100%;
} */
  .guide-box .main-form.default_button.arrow .hs_submit .actions:after {
    right: 13%;
    margin-left:8px;
  }
  .guide-content .default_button form .actions .hs-button.large {
    padding-right: 30px !important;
  }
}
@media(max-width:767px){
  .table-contents .content-sec .share-box {
    margin-top: 0px;
    margin-bottom:48px;
  }
  .table-contents .content-sec .table-main {
    flex-basis: 100%;
    width: 100%;
  }
  .table-main .body-content, 
  .table-main .intro-audio, 
  .table-main .table-content-list,
  .table-main .post-narrion-audio{
    margin-bottom: 40px;
  }
  .table-main .table-content-list {
    border-radius: 15px;
    padding: 25px 20px;
  }
  .table-contents .content-sec .guide-box{
    margin-bottom: 0px;
  }
  .table-contents .content-sec .guide-content {
    border-bottom: 0px solid var(--tertiary_color);
    padding-bottom: 0;
    flex-direction: column-reverse;
  }
  .table-main .intro-audio {
    border-radius: 15px;
    padding: 0 0 16px;
  }
  .table-main .acc-wrapper .aPlay {
    flex-basis: 16.5%;
    order: 2;
    padding-left: 16px;
    margin-right: 0;
  }
  .table-main .acc-wrapper .aPlay img{
    max-width:48px;
  }
  .table-main .acc-wrapper .acc-title {
    border-bottom: 2px solid var(--white_color);
    flex-basis: 100%;
    letter-spacing: -.16px;
    line-height: 1.1;
    margin-bottom: 16px;
    padding: 15px 16px;
  }
  .table-contents .content-sec .heading-list-sec {
    line-height: 2.35;
    font-size: 17px;
  }
  .table-main .acc-wrapper .flex_araptwo {
    flex: 1;
    gap: 22px;
    order: 2;
    padding-left: 22px;
    padding-right: 16px;
  }
  .table-main .acc-wrapper .audio-wave {
    flex-basis: 34%;
  }
  .table-main .flex_araptwo-Line {
    letter-spacing: -.16px;
    flex:1;
  }
  /* ///// */

  .content-sec .content-flex {
    flex-direction: column-reverse;
  }
  .table-contents .content-sec .chapter-heading h3 {
    font-size: 29px;
    line-height: 1.2;
    max-width:334px;
  }
  .table-contents .content-sec .chapter-heading {
    padding: 24px 20px;
  }
  .table-contents .content-sec .chapter-box .chapter-image .chapter-index-num {
    border-radius: 15px 0px;
    padding: 12px 11px;
    font-size: 37px;
  }
  .table-contents .content-sec .table-main .chapter-box {
    border-radius: 15px;
    padding: 0px;
    padding-bottom: 20px;
  }
  .table-contents .content-sec .chapter-reading {
    gap: 16px;
    padding: 20px 22px 0px 20px;
  }
  .table-contents .content-sec .table-main .margin-ele {
    margin-bottom: 40px;
  }
  .table-contents .content-sec .tcs-card-content h3 {
    text-align: center;
  }
  .table-contents .content-sec .content-list-con {
    margin-top: 16px;
  }
  /* image */
  .table-contents .content-sec .table-img-sec img {
    border-radius: 15px;
  }
  /* video */
  .table-contents .content-sec .table-video-sec .video-thumnail{
    border-radius: 14px;
    min-height: 220px;
  }
  /*   image and content */
  .table-contents .content-sec .tcs-wrapper{
    padding: 24px !important;
    padding-bottom: 110px !important;
  }
  .table-contents .content-sec .tcs-heading-main {
    margin-bottom: 32px;
  }
  .table-contents .content-sec .tcs-card-content h4 {
    font-size: 24px ;
    text-align: center;
    max-width:315px;
    margin:0 auto 10px;
  }
  .table-contents .content-sec .table-list-items  h4 {
    /*     font-size: 24px; */
    margin-bottom: 10px;
  }
  .table-contents .content-sec .table-list-items .table-content-sec h5{
    font-size: 20px;
    margin-bottom: 0px;
  }
  .table-contents .content-sec .tcs-wrapper.added-heading .tcs-card-content h4{
    text-align:left;
  }
  .table-contents .content-sec .tcs-card-content, .tcs-card-lists {
    max-width: 100%;
  }
  .table-contents .content-sec .tcs-share-box {
    bottom: 25px;
    right: 24px;
  }
  /* counter */
  .table-contents .content-sec .counter-num {
    padding-right: 0;
    border-right:0;
  }
  .table-contents .content-sec .counter-num:not(:last-child){
    padding-bottom:32px;
    margin-bottom:32px;
    border-bottom:1px solid var(--opal_color);
  }
  .table-contents .content-sec .counter-num:nth-child(2n+2) {
    padding-left: 0;
  }
  /* counter and image */
  .table-contents .content-sec .social-share-drop {
    border-radius: 15px;
  }
  .table-contents .content-sec .table-cmg-wrap {
    padding: 40px 24px;
    padding-bottom: 108px;
    border-radius: 15px;
  }
  .table-contents .content-sec .table-cmg-wrap .table-cmg-img {
    max-width: 74px;
    margin-bottom: 16px;
  }
  /*   faqs */

  .table-contents .content-sec .tab-heading{
    padding: 13px 24px;
    padding-right: 44px;
  }
  .table-contents .content-sec .table-faq-item .tab-answer {
    padding: 32px 24px;
  }
  .table-contents .content-sec .profile-and-cta{
    margin-top:81px;
  }
  .table-contents .content-sec .profile-text br{
    display:block;
  }
  .table-contents .content-sec .counter-nums {
    font-size: 38px;
    line-height: 1.14;
    margin-bottom: 10px;
  }
  .table-contents .gp-list.list-index a h5 {
    font-size: 16px;
    margin-bottom: 0;
  }
  .table-contents .gp-list.list-index {
    border-radius: 4px 15px 15px 15px;
    padding: 18px 20px;
  }
}
@media(max-width:450px){
  .table-contents .content-sec .table-video-sec img.play-icon {
    width: 48px;
    height: 48px;
  }
}
@media(max-width:410px){
  .table-main .flex_araptwo-Line {
    font-size: 13px;
  }
  .table-main .flex_araptwo-Line .aCron {
    display: flex;
    flex-wrap: nowrap;
  }
  .table-main .acc-wrapper .flex_araptwo {
    gap: 14px;
  }
}