.position-relative {
  position: relative;
}

.blog-post-v2 h4 a {
  font-size: inherit;
}



/**
.blog-post .container {
padding-right: 0px;
padding-left: 0px;
}
+*/


@media (max-width: 992px) {
  .blog-post .container {
    padding-right: 20px;
    padding-left: 20px;
  }
}

.hs-inline-edit.lang-en .blog-post__body {
  min-width: 500px;
}

.blog-post__body-edit {
  display: block !important;
}

.hs-inline-edit .blog-post__body-edit{
  display: block;
}


.blog-post__body,
.blog-post__summary{
  display: block;
}

.blog-post__sidebar {
  position: -webkit-sticky;
  position: sticky;
  align-self: flex-start;
  max-width: 395px;
  min-width: 395px;
}
@media (max-width: 992px){
  .blog-post__sidebar {
    margin: 0 auto;
    min-width: 100%;
  }
}

.blog-post__main-container-wrapper{
  background-color: #000000;
}

.blog-post__main-container{
  padding: 64px 24px;
}

.blog-post__columns{
  display: flex;  
  column-gap: 22px;
  justify-content: space-between;
}
@media (max-width: 992px){
  .blog-post__columns{
    flex-wrap: wrap; 
    flex-direction: column;
  }
}

.blog-post__hero {
  padding: 200px 0 64px;
  position: relative;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 0;
  overflow: hidden;
  background: url(https://348012.fs1.hubspotusercontent-na1.net/hubfs/348012/Hero-2.png);
  background-blend-mode: normal;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center 34%;
}

@media (max-width: 992px) {
  .blog-post__hero{
    padding: 160px 0 56px;
  }
}

.blog-post__hero-overlay {
  background-color: rgba(0, 0, 0, 60%);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.blog-post__hero-content {
  display: flex;
  align-items: center;
  column-gap: 60px;
  row-gap: 40px;
}

.blog-post__hero-content img{
  width: 400px;
  height: 400px;
  object-fit: cover;
  border-radius: 50%;
}

@media (max-width: 992px) {
  .blog-post__hero-content {
    padding: 0 24px; 
    flex-direction: column;
  }

  .blog-post__main-container {
    padding: 0px 24px; 
  }
}

@media (max-width: 500px) {
  .blog-post__hero-content img{
    width: 100%;
    height: 100%;
    aspect-ratio: 1/1;
  }
}

.blog-post__tags{
  margin-bottom: 6px;
  display: flex;
  flex-wrap: wrap;
  column-gap: 12px;
}
.blog-post__tag-link {
  text-decoration: none;
}
.blog-post__tags a {
  background-color: #F800FF;
  border-radius: 0px;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 500;
  padding: 4px 12px; 
  display: inline-block;
}
.blog-post__tags a:hover, 
.blog-post-hero__author a:hover {
  text-decoration: none;
}

.blog-post-hero__author {
  display: flex;
  align-items: center;
  gap: 10px;
}

.blog-post-hero__author a {
  color: #FFFFFF;
}

.blog-post__hero-content h1{
  color: #FFFFFF;
  margin: 0;
  max-width: 700px;
}

.blog-post__columns div.blog-post__container{
  display: flex;
  column-gap: 110px;
}
@media (max-width: 992px){
  .blog-post__container{
    flex-direction: column;    
  }
}

.blog-post__social-sharing{
  margin-top: 0;
  z-index: 1;
  min-width: 285px;
  position: sticky;
  align-self: flex-start;
  top: 120px;
}

.blog-post__progress {
  position: -webkit-sticky;
  position: sticky;
  align-self: flex-start;
  top: 20px;
  z-index: 3;
}


@media (max-width: 992px){
  .blog-post__social-sharing {
    margin-top: 64px;
    margin-bottom: 36px;
    position: relative;
    align-self: normal;
    top: 0;
  }
}

.blog-post__date-time-read{
  display: flex;
  gap: 10px;
  font-size: 13px;
  margin-bottom: 32px;
}

.blog-post__content{
  min-width: 300px;
}

.blog-post__content *{
  color: #FFFFFF;
}

.blog-post__content h2{
  margin: 0;
}

.blog-post__meta {
  color: #FFFFFF;
  font-size: 16px;
  font-weight: 500;
  display: flex;
  align-items: center;
  column-gap: 12px;
  padding: 16px 0 0px;
  flex-wrap: wrap;
  row-gap: 12px;
}

.blog-post__meta path {
  fill: #FFFFFF;
}
.blog-post__author-name {
  text-decoration: none;
  color: #FFFFFF;
  font-size: 16px;
  font-weight: 500;
}
.blog-post__author-name:hover {
  text-decoration: none;
  color:#ffffff;
}
@media (max-width: 500px){
  .blog-post__author-name{
    width: 80%;
  }
}

.blog-post__meta-time {
  padding: 0 12px;
  position: relative;
}

.blog-post__meta-time:before,
.blog-post__meta-time:after {
  background-color: #FFFFFF;
  content: "";
  height: 16px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;  
}

.blog-post__meta-time:before { 
  left: 0;
}

.blog-post__meta-time:after {
  right: 0;
}

@media (max-width: 765px){
  .blog-post__meta-time:before {    
    content: none;
  }

  .blog-post__meta-time {    
    padding-left: 0;
  }

  .blog-post-hero__author {
    width: 100%; 
  }
}

.blog-post__meta-time,
.blog-post__meta-date {
  display: flex;
  align-items:center;
  column-gap: 12px;
}

.blog-post__meta img {
  object-fit: contain;
}

.blog-post__author-avatar {
  border-radius: 50%;
}

.blog-post__featured-image {
  max-width: 100%;
  height: 449px;
  object-fit: cover;
  margin-bottom: 48px;
}

.blog__post_tags-bottom {
  margin-top: 43px;
  padding: 12px 0;
  border-top: 1px solid rgba(0,0,0,0.1);
  border-bottom: 1px solid rgba(0,0,0,0.1);
}

.blog-post__related-posts {
  position: relative;
  background-color: #EBEBEB;
  padding: 64px 0;
}

.blog-post-1 .blog-post-1__tag-link,
.blog-post-3 .blog-post-3__tag-link {
  background-color: ;
}

.blog-post__tags h6 {
  margin-bottom: 0px;
  color: #FFFFFF;
}

.blog-post__newsletter-form {
  padding: 64px 24px;
  max-width: 620px;
  margin: 0 auto;
}




.blog-post__navigation {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.blog-post__navigation .blog-post__navigation-next svg{
  width: 15px;
  position: absolute;
  right: 10%;
  transition: left 0.3s ease-in-out, right 0.3s ease-in-out;
}

.blog-post__navigation .blog-post__navigation-next:hover svg{
  right: 80%;
}

.blog-post__navigation .blog-post__navigation-prev svg{
  width: 15px;
  position: absolute;
  left: 20px;
  transition: right 0.3s ease-in-out, left 0.3s ease-in-out;
}

.blog-post__navigation .blog-post__navigation-prev:hover svg{
  left: 80%;
}

.button.button--outline.button--icon-right.blog-post__navigation-prev{
  padding-left: 50px !important;
  padding-right: 24px !important;
}

.button.button--outline.button--icon-right.blog-post__navigation-prev:hover{
  padding-right: 50px !important;
  padding-left: 24px !important;
}

.button.button--outline.button--icon-right.blog-post__navigation-next{
  padding-right: 50px !important;
  padding-left: 24px !important;
}

.button.button--outline.button--icon-right.blog-post__navigation-next:hover{
  padding-left: 50px !important;
  padding-right: 24px !important;
}

@media (max-width: 767px) {
  .blog-post__navigation {
    flex-direction: column;
    align-items: start;
    row-gap: 12px;
  }
  .blog-post__navigation a{
    width: 100%;
  }
  .blog-post__tag-link{
    margin-bottom:12px;
  }
}

.blog-post__navigation .button .button__icon svg, .hs-button .button__icon svg{
  height: 0.9rem;
}

.body-container-wrapper {
  overflow-X: visible;
}




.new-blogs .blog-post__hero {
  padding: 200px 0 64px;
  background: rgb(0 0 0);
  background-blend-mode: normal;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.new-blogs .blog-post__hero-content {
  display: flex;
  flex-direction: column;
}

.new-blogs .blog-post__hero-content {
  align-items: stretch;
}

.new-blogs .blog-post__main-container-wrapper,
.blog-whitepaper .blog-post__main-container-wrapper,
.blog-post-v2 .blog-post__main-container-wrapper,
.event-webinar .blog-post__main-container-wrapper {
  background-color: #fff;
  color: #333;
}

.new-blogs .blog-post__content *,
.blog-whitepaper .blog-post__content *,
.blog-post-v2 .blog-post__content *,
.event-webinar .blog-post__content * {
  color: #333;
}

.new-blogs .blog-post-sharing__title,
.blog-whitepaper .blog-post-sharing__title,
.blog-post-v2 .blog-post-sharing__title {
  color: #333 !important;
}

.new-blogs .blog-post__social-sharing {
  position: static;
}

.new-blogs blockquote {
  background: #ff00ff;
  padding: 70px 30px 10px;
  border-radius: 10px;
  position: relative;
  margin: 0 0 20px 0;
  border: none;
}


.new-blogs blockquote * {
  color: #fff;
}

.new-blogs blockquote::before {
  content: "";
  display: block;
  width: 40px;
  height: 33px;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="40" height="33" viewBox="0 0 40 33" fill="none"><path d="M16.5775 0L10.3743 23.6323L8.6631 15.6484C11.1586 15.6484 13.2264 16.429 14.8663 17.9903C16.5062 19.5516 17.3262 21.6452 17.3262 24.271C17.3262 26.8968 16.5062 29.0258 14.8663 30.6581C13.2264 32.2194 11.1943 33 8.77005 33C6.20321 33 4.09982 32.1839 2.45989 30.5516C0.819964 28.9194 0 26.8258 0 24.271C0 23.4194 0.0356506 22.6387 0.106952 21.929C0.249554 21.1484 0.499108 20.2258 0.855615 19.1613C1.21212 18.0968 1.71123 16.7484 2.35294 15.1161L8.02139 0H16.5775ZM39.2513 0L33.0481 23.6323L31.3369 15.6484C33.8324 15.6484 35.9002 16.429 37.5401 17.9903C39.18 19.5516 40 21.6452 40 24.271C40 26.8968 39.18 29.0258 37.5401 30.6581C35.9002 32.2194 33.8681 33 31.4438 33C28.877 33 26.7736 32.1839 25.1337 30.5516C23.4938 28.9194 22.6738 26.8258 22.6738 24.271C22.6738 23.4194 22.7094 22.6387 22.7807 21.929C22.9233 21.1484 23.1729 20.2258 23.5294 19.1613C23.8859 18.0968 24.385 16.7484 25.0267 15.1161L30.6952 0H39.2513Z" fill="%23007FFF"/></svg>');
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 15px;
  left: 20px;
}

.new-blogs .blog-related__meta-time {
  display: none;
}

@media (max-width: 765px) {
  .new-blogs .blog-post__hero-content img{
    width: 100%;
    height: 100%;
    aspect-ratio: unset;
  }
}



.blog-whitepaper .blog-post__hero {
  background: rgb(255 255 255) url(https://348012.fs1.hubspotusercontent-na1.net/hubfs/348012/Hero-2.png);
  color: #333;
  background-blend-mode: normal;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.blog-whitepaper * {
  color: #333;
}

.blog-whitepaper .blog-post__hero-content img {
  border-radius: 20px;
}

.blog-whitepaper .blog-post__main-container-wrapper {
  background-color: #fff;
  color: #333;
}

.blog-whitepaper .blog-post__columns,
.blog-whitepaper .blog-post__cards-bottom {
  padding-bottom: 30px;
}

.blog-whitepaper .whitepaper-cards {
  margin-bottom: 80px;
}

.blog-whitepaper .blog-related__title {
  max-width: unset;
  text-align: left;
  order: 1;
}

.blog-whitepaper .blog-related__post-title {
  margin-bottom: 0 !important;
}

.blog-whitepaper .blog-related__post-content {
  display: flex;
  flex-direction: column;
}

.blog-whitepaper .blog-related__post-data {
  order: 2;
}

.blog-whitepaper .blog-related__post-tags {
  order: 3;
}

.blog-whitepaper .blog-related__meta--date {
  display: none;
}

.blog-whitepaper .actions .button span svg path,
.blog-whitepaper .actions .button .button--text {
  color: #fff !important;
}

.blog-whitepaper .subscription-form button.button {
  display: flex;
}

.blog-whitepaper .blog-post__social-sharing {
  position: static;
}

.blog-whitepaper .blog-post__hero-content h1 {
  padding: 40px 0;
}

.blog-whitepaper .blog-related__meta-time {
  display: none;
}
.blog-whitepaper-index .pagination {
  margin-top: 64px !important;
}

@media (max-width: 998px) {
  .blog-whitepaper-index .blog-index__topic {
    margin-bottom: 16px;
  }

  .blog-whitepaper .blog-post__body {
    margin-bottom: 40px;
  }
}



.blog-post-v2 .blog-post__hero-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: wrap;
  color: #fff;
  padding: 0px 24px;
}

.blog-post-v2 .blog-post__date-time-read {
  text-transform: uppercase;
  text-decoration: none;
  margin: 0;
}

.blog-post-v2 .blog-post-tags-link {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  text-decoration: none;
  padding: 3px 12px;
  margin-right: 10px;
  width: fit-content;
  border-radius: 6px;
  border: 1px solid #ffffff;
  display: block;
  color: #ffffff;
  text-transform: capitalize;
}

.blog-post-v2 .blog-post__hero-content {
  row-gap: 10px;
}

.blog-post-v2  p.blog-author-heading {
  margin: 0;
}

.blog-post-v2 .blog-post-sharing {
  margin-bottom: 0;
}

.blog-post-v2 .blog-post__navigation {
  margin: 20px auto 76px;
}

.blog-post-v2 .blog-post__navigation a,
.blog-post-v2 .blog-post__navigation a svg path {
  color: #333;
  fill: #333;
}

.blog-post-v2 .blog-post__navigation a {
  border-radius: 10px;
  border: 1px solid #333;
}

.blog-post-v2 .blog-related__meta-date {
  display: flex;
  text-transform: uppercase;
}

.blog-related__meta--date-divider {
  display: none; 
}

.blog-post-v2 .blog-related__meta--date-divider {
  margin: 0 10px;
  order: 2;
  display: block; 
}

.blog-post-v2 .blog-related__meta-time {
  order: 3;
}

.blog-post-v2 .blog-related {
  padding: 40px 20px 64px 20px !important;
}

.blog-post-v2 .blog-post-tags {
  display: flex;
  flex-wrap: wrap;
  row-gap: 10px;
}

.blog-listing-v2 .subscription-form .hs_email {
  margin-bottom: 0 !important;
}

.blog-listing-v2 .subscription-form-row form {
  align-items: center !important;
}

.blog-listing-v2 .blog-index__topic-title,
.videos-blog .blog-index__topic-title,
.blog-whitepaper-index .blog-index__topic-title,
.webinars-blog .blog-index__topic-title {
  font-family: 'Montserrat';
}
.blog-post__content--image{
  width: 50%;
}



.event-webinar .blog-post__hero {
  background: rgb(255 255 255) url(https://348012.fs1.hubspotusercontent-na1.net/hubfs/348012/Hero-2.png);
  color: #333;
  background-blend-mode: normal;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #333;
  margin-bottom: 50px;

}

.event-webinar .blog-post__hero-content h1 { 
  color: #fff;
}

.event-webinar .blog-post__social-sharing {
  position: static;
}

.event-webinar .form-text__text-wrapper {
  align-items: start;
}

.event-webinar .video-blog-webinar {
  max-width: 800px;
  margin: 0 auto;
}

.event-webinar .video-blog-webinar iframe {
  border-radius: 10px;
}

.event-webinar .blog-post__main-container .container {
  padding: 0;
}

@media (max-width: 998px) {
  .event-webinar .accordion-header {
    padding: 20px 0 !important;
  }

  .event-webinar .form-text__form__content {
    padding: 0 !important;
    margin: unset;
  }
}



.webinars-blog .blog-posts__image { 
  width: 100%;
}

.webinars-blog .blog-posts-v2 .blog-posts__post { 
  flex-direction: row;
}

.webinars-blog .blog-posts-v2 .blog-related__post-tags-link {
  border-radius: 5px;
  border: 1px solid #007FFF;
}

.webinars-blog .blog-posts-v2 .blog-posts__post-content .blog-posts__meta {
  color: #333;
  font-family: Lato;
  font-size: 13px !important;
  font-style: normal;
  font-weight: 400;
  line-height: 175%;
  text-transform: uppercase;
}

form .button span.button__icon {
  left: 60%;
}

form .button:hover span.button__icon {
  left: 0;
}

/* Image Whitepapers */

.blog-post__content--image img {
  min-height: 500px;
  object-fit: cover;
  pbject-position
}
/* === AUDIO BAR: stay under fixed header, never overlap === */

/* If your template wrapper is .blog-post-v2 this scopes the var safely */
.blog-post-v2 { 
  --site-header-height: 76px; /* temporary default; JS below will update this */
}

/* Your audio wrapper div around the module */
.blog-audio-sticky {
  position: sticky;
  top: var(--site-header-height);
  z-index: 100;          /* lower than header so header wins */
  background: #fff;
  padding: 8px 0;
  box-shadow: 0 1px 0 rgba(0,0,0,.06);
}

/* Make sure your header is above everything */
.site-header, .global-header, .header, header[role="banner"] {
  position: relative;     /* required for z-index to apply */
  z-index: 9999;          /* higher than .blog-audio-sticky */
}

/* Sticky breaks if any ancestor clips overflow */
.blog-post__columns,
.blog-post__container,
.blog-post__content {
  overflow: visible;
}

/* (You had uppercase property earlier) */
.body-container-wrapper { overflow-x: visible; }