.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
}