.related-post.card a {
  text-decoration: none;
}

h2.related-posts__title {
  padding-bottom: 30px;

  color: var(--Primary-New-Green-Green-01, #058623);

  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%; /* 43.2px */
}

.related-post__text.card__inner {
  margin-top: 15px;
  padding: 10px 0;
}

span.related-post__cta {
  color: #23c042;
  padding: 10px 0;
  margin-top: 10px;
  display: block;
}

h3.related-post__title.font-body {
  color: var(--Neutral-Dark-gray, #373A40);
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%; /* 28.8px */
  margin-bottom:24px;
}


.related-post__image {
  border-radius: 14px;
  height: 100%;
  min-height: 200px;
  object-fit: cover;
  max-height: 216px;
}


.related-post__tags, .related-post__date{
  color: var(--Neutral-Gray, #686D77);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 14.4px */
  padding-left: 1px;
}

h3.related-post__title + .related-post__tags {
  display: none;
}

.related-post__text br{
  display:none;
}

.related-posts{
  /* margin-bottom: 50px;*/

}

a.topic-link{
  border-radius: 100px;
  border: none;
  padding: 19px 40px;
  text-align: center;
}

.related-posts-topic-links{
  display: flex;
  gap: 20px;
  flex-direction: row;
}

.related-posts-wrap .container{
  display: flex;
  flex-direction: column;
  gap: 32px;
}



.related-blog-posts{
  display:flex;
  gap: 30px;
}

.related-blog-post{
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.related-blog-post-link{
  width:100%;
}

/*.related-blog-post img{
  border-radius: 14px;
  /*height: 180px; */
  /*object-fit: cover;
  aspect-ratio: 310 / 180;  
}*/

.related-blog-post img {
    aspect-ratio: 310 / 180;
    border-radius: 14px;
    object-fit: contain;
    object-position: center;
    width: 100%;
    height: 100%;
}

.related-blog-post-category, .related-blog-post-date{
  color: #686D77;
}

.related-blog-post-category{
  font-size: 12px;
}

.related-blog-post-date{
  font-size: 14px;
}

.related-blog-post-info{
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.related-blog-post-title{
  color: #373A40;
  font-size: 24px;
  font-weight: 600;
  line-height: 120%; /* 28.8px */
}

.button-more-articles{
  padding: 24px 40px;
}


.button-more-articles{
  padding: 18px 40px;
  box-shadow: inset 0 0 0 var(--btn-border-width) #0C60ED;
}



@media only screen and (max-width: 767px){
  .related-posts-wrap{
    background-color:#E6F3E9;
  }

  .related-post__link{
    display: flex;
    gap: 16px;
    justify-content: space-between;
    background-color: white;
    border-radius: 12px;
    margin-bottom: 16px;
    padding: 14px;

  }

  .related-post__image{
    width: 72px;
    height: 72px;
    order: 1;
    border-radius: 4px;
    margin-top: 10px;
    min-height: unset;
    max-height: unset;
    overflow: revert;
  }



  .related-post__text.card__inner {
    margin-top: 0;
    padding: 0
}

h3.related-post__title.font-body{
  font-size: 18px;
  margin-bottom: 8px;
}

.related-posts-topic-links{
  flex-direction: column;
}
  
  .related-posts-wrap .container{
    padding: 40px 15px;
  }
  
  
 .related-blog-post-date{
  font-size: 12px;
   order:2;
  margin-top: -8px;
}
  
.related-blog-post-title{
  font-size: 18px;
}
  
.related-blog-post{
  padding: 16px;
  background-color: #fff;
  border-radius: 8px;
  flex-direction: row;
  flex-wrap: wrap;
}
  
  .related-blog-posts{
  flex-direction: column;
  gap: 16px;
}
  
.related-blog-post img{
  border-radius: 4px;
  height: 72px; 
  width: 72px;
  order:1;
  aspect-ratio: 72 / 72;
}

.related-blog-post-info{
    order:0;
    width: 100%;
    max-width: calc(100vw - 160px);
    gap: 8px;
  
}
  


}