.blog--post .page-center{
  max-width:880px;
}


.blog--post .blog-banner{
  padding:73px 0 91px; 
  overflow:hidden;
  position:relative;
}
.blog--post .blog-banner:after {
  background-image: url(https://1879035.fs1.hubspotusercontent-na1.net/hubfs/1879035/Intelitics%20-%202025/Group%2053.png);
  background-position: right;
  background-repeat: no-repeat;
  background-size: cover;
  bottom: -50%;
  z-index: -1;
  content: "";
  height: 630px;
  position: absolute;
  right: 0;
  width: 100%;
}
.blog--post .blog-banner:before{
  content:'';
  position: absolute;
  width: 283px;
  height: 166px;
  left: 112px;
  top: 25px;
  background: #089EEF;
  opacity: 0.3;
  filter: blur(156.232px);
}
.blog--post .blog-banner-main-container:after{
  content:''; 
  position: absolute;
  width: 458px;
  height: 248px;
  left: 1036px;
  top: -16px;
  background: #FFC430;
  opacity: 0.1;
  filter: blur(100px);
}
.blog--post .banner-tag a{
  margin:0;
  color:#B0B0B0;
  letter-spacing:9%;
}
.blog--post .banner-tag{
  margin:0 0 11px; 
}
.blog--post .banner-heading h1 {
  margin: 0 0 23px;
}
.blog--post .author-details {
  display: flex;
  align-items: center;
}
.blog--post .author-profile {
  height: 50px;
  width: 50px;
  margin-right: 14px;
      overflow: hidden;
      border-radius: 50%;
}
.blog--post .author-details p,.blog--post .author-details a{
  margin:0; 
  color:#555857;
}
.blog--post .author-name {
  margin-right: 14px;
}
.blog--post .post-publish-date{
  margin: 0 14px;
}
.blog--post .post-read-content p {
  margin: 20px 0 0;
  color: #555857;
}
.blog--post .social-icon-container {
  margin: 22px 0 0;
}
.blog--post .social-icon-container a {
  line-height:0;
  margin-right:10px;
}
.blog--post .social-icon {
  display: flex;
}


.blog--post .feature-image-container img {
  display: block;
  min-width:100vw;
}


.blog--post .blog-body-container{
  padding:75px 0 85px;
}
.blog--post .blog-body-container a{
  text-decoration:underline; 
}
.blog--post .blog-body-container p,
.blog--post .blog-body-container a,
.blog--post .blog-body-container span,
.blog--post .blog-body-container ul li{
  color:#555857;
}
.blog--post .blog-body-container ul li{
  margin:0 0 10px; 
  font-size:18px;
}
.blog--post .blog-body-container ul li:last-child{
  margin:0; 
}
.blog--post .blog-body-container blockquote {
  margin: 23px 0;
  border: 1px solid #D6D5D5;
  padding: 50px 21px 50px 109px;
  background-color: #FCFCFC;
  border-radius: 14px;
  color:#0F0E0E;
  position:relative;
}
.blog--post .blog-body-container blockquote:before {
  background-color: #229172;
  content: "";
  height: calc(100% - 100px);
  left: 64px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 15px;
}
.blog--post .blog-body-container blockquote p{
  margin:10px 0 0; 
}
.blog--post .return-back-cta a, .return-back-cta a {
  text-decoration: none !important;
  margin: 0 !important;
  background: #FCFCFC !important;
  border: 1px solid #229172 !important;
  color: #231F20 !important;
}
.blog--post .return-back-cta, .return-back-cta {
  margin: 60px 0 0 !important;
}
.blog--post .return-back-cta a:hover, .return-back-cta a:hover {
  background: #229172 !important;
  color:#fff !important;
}
.blog--post .feature-image-container img {
  width: 100%;
}


.blog-list{
  padding:73px 0 91px; 
}
.blog-list .listing-container {
  display: flex;
  flex-wrap: wrap;
  /*   margin: 44px -28px 0; */
  margin: 0 -28px 0;

}
.blog-list .listing-card {
  /*   padding: 0 28px; */
  padding: 44px 28px 0;  
  width: 33.33%;
}
.blog-list .listing-card-inner {
  border: 1px solid #d6d5d5;
  border-radius: 13px;
  height: 100%;
  overflow: hidden;
}
.blog-list .listing-text-block {
  padding: 16px 22px 35px;
}
.blog-list .card-image {
  display: block;
  line-height: 0;
}
.blog-list .card-image img{
  min-height:200px;
  height:100%;
  object-fit:cover;
}
.blog-list .heading h2 {
  margin: 0;
}
.blog-list .card-tag {
  margin-bottom: 6px;
}
.blog-list .card-tag p,.blog-list .card-tag a {
  color: #b0b0b0;
  margin: 0;
  text-transform: uppercase;
}
.blog-list .card-heading h3 {
  font-weight: 500;
  margin: 0;
}
.author-profile img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.blog-list .tag-name h1 {
  margin: 0;
}


.blog-list .blog-author-details {
  display: flex;
  align-items: center;
}
.blog-list .author-image {
  width: 100px;
  height: 100px;
  margin-right:20px;
}
.blog-list  .author-name h4 {
  margin: 0;
}
.blog-list .social-icon-container {
  margin: 10px 0 0;
}
.blog-list .social-icon-container a {
  line-height:0;
  margin-right:10px;
}
.blog-list .social-icon {
  display: flex;
}


@media (max-width: 1282px) {
  .blog-list .listing-card {
    /*     padding: 0 15px; */
    padding: 40px 15px 0;    
  }
  .blog-list .listing-container {
    /*     margin: 40px -15px 0; */
    margin: 0 -15px 0;

  }
}


@media only screen and (max-width:991px){
  .blog--post .blog-banner {
    padding: 50px 0 60px;
  }
  .blog--post .blog-body-container {
    padding: 50px 0 60px;
  }
  .blog--post .return-back-cta, .return-back-cta {
    margin: 40px 0 0 !important;
  }
  .blog--post .blog-body-container blockquote {
    padding: 40px 21px 50px 90px;
  }
  .blog--post .blog-body-container blockquote:before {
    left: 50px;
    width: 13px;
  }

  .blog-list{
    padding: 50px 0 60px;
  }
  .blog-list .card-heading h3 {
    font-size: 20px;
  }
}

@media only screen and (max-width:767px){
  .blog--post .blog-banner, .blog--post .blog-body-container {
    padding: 40px 0;
  }
  .blog--post .author-profile {
    height: 40px;
    margin-right: 10px;
    width: 40px;
  }
  .blog--post .author-name {
    margin-right: 10px;
  }
  .blog--post .post-publish-date {
    margin: 0 10px;
  }

  .blog--post .blog-body-container blockquote {
    padding: 30px 21px 30px 60px;
  }
  .blog--post .blog-body-container blockquote:before {
    left: 30px;
    width: 10px;
    height: calc(100% - 60px);
  }
  .blog--post .return-back-cta, .return-back-cta {
    margin: 30px 0 0 !important;
  }

  .blog-list{
    padding: 40px 0;
  }
  .blog-list .listing-card {
    /*     margin: 0 0 30px; */
    margin: 30px  0 0;    
    padding: 0;
    width: 100%;
  }
  .blog-list .listing-container {
    margin: 0 0 0;
  }

  .blog-list .author-image {
    height: 70px;
    margin-right: 15px;
    width: 70px;
  }
  .blog-list .social-icon-container {
    margin: 5px 0 0;
  }
  .blog-list .social-icon-container a {
    margin-right: 5px;
  }
}



.listing-card-hc {
  width: 100%;
  margin-top: .5rem;
  margin-bottom: .5rem;
}

.listing-card-hc a {
  width: 100%;
  margin: 1rem;
}

.listing-card-hc svg {
  float: left;
  width: 5rem;
  height: 5rem;
  stroke-width: 1.5;
  stroke: #27b574;
}

.hc-tag-listing h4, .hc-tag-listing p {
  margin-left: 6rem;
  margin-bottom: 0;
}

.tagTitle {
  margin-bottom: 0;
}

@media only screen and (max-width:767px){
.hc-tag-listing h4, .hc-tag-listing p, .tagTitle {
  margin-right: 1.5rem;
}

