/* Blog listing */

.hs-blog-listing .text-cta-module h2,.hs-blog-post .text-cta-module h2{color:#175676}
.hs-blog-listing .text-cta-module .cm-container,.hs-blog-post .text-cta-module .cm-container{align-items: flex-start;}
.blog-listing{padding:68px 0 115px;overflow:hidden}
.blog-posts .title h1{line-height:1.15}
.blog-posts .title h4{text-transform:uppercase;font-weight:900;color:#175676}
.blog-listing .tag-filter {
  display: inline-block;
  position: relative;
}
.blog-listing .tag-filter select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 1px solid #295573;
  border-radius: 12px;
  cursor: pointer;
  outline: none;
  height:auto;
  padding: 13px 42px 13px 20px;
  position: relative;
  font-weight:500;
  font-size:20px;
  background:transparent;
}
.blog-listing .tag-filter:after {
  border: 8px solid transparent;
  border-top-color: #295573;
  color: #295573;
  content: "";
  pointer-events: none;
  position: absolute;
  right: 20px;
  top: 45%;
  transform: translateY(-50%);
  border-radius:2px;
}
.blog-listing .post-list .pcontent{display:none}
.blog-listing .noContent{display:none !important}
.blog-listing .transparent-cta{text-align:center;}
.blog-listing #loadMore{font-size:18px;font-weight:500;padding:12px 32px;
  border: 1px solid #295573;
  border-radius: 12px;
  display:inline-block;
  margin-top:40px
}
.blog-listing #loadMore:hover{color:#fff}
.blog-listing .post-list{display:flex;flex-wrap:wrap;margin:0 -35px;padding-top:30px}
.blog-listing .post-list .post{
  width:33.33%;
  padding:30px 35px;
}
.blog-listing .post-list .inn{
  background: #FFFFFF;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
  border-radius: 12px;
  padding:5px;
  position:relative;
  height:100%;
}
.blog-listing .post-list .bottom{padding:18px;text-align:center}
.blog-listing .post-list .f-img{min-height:198px;padding:12px;
  border-radius: 10px 10px 0px 0px;
  background-size:cover !important;
}
.blog-listing .post-list .f-img span{color:#fff;font-size:18px;font-weight:900;padding:3px 26px;background:#295573;border-radius: 5px;display:inline-block}
.blog-listing .post-list .over{position:absolute;left:0;top:0;bottom:0;right:0}
.blog-listing .post-list a{font-size:16px;color:#2E6683;font-size:16px;font-weight:900;text-decoration:underline}
.blog-listing .post-list a svg{    
  position: relative;
  right: 0;
  transition: right .5s ease;
  margin-left:8px;
}
.blog-listing .post-list .inn:hover a svg{
  right:-7px;
}
.blog-listing .post-list h4{font-weight:800;margin-bottom:15px;line-height:1.4;color:#583924}

/* Blog Post */
.hs-blog-post .blog-listing{padding:0 0 140px;background: #f9f9f9;}
.hs-blog-post .blog-listing h2{text-align:center;font-size:40px;color:#175676}
.blog-posts{background:#f9f9f9;padding:115px 0 158px}

.blog-posts .title{max-width:1054px;margin:0 auto;padding-bottom:15px;text-align:center}
.blog-posts .post-body{max-width:1054px;margin:0 auto}
.blog-posts .post-cont{position:relative}
.blog-posts .share-article{position:absolute;top:0}
.blog-posts .share-article ul{margin:0;padding:0}
.blog-posts .share-article ul li{list-style:none;padding:8px;margin:0}
.blog-posts .share-article ul li a{
  border: 0.5px solid #4BA3C3;
  border-radius: 3px;
  width:29px;height:29px;
  display:flex;align-items:center;justify-content:center;
  transition: all .5s ease;
}
.blog-posts .share-article ul li a svg{fill:#4BA3C3}
.blog-posts .share-article ul li a:hover{background:#4BA3C3}
.blog-posts .share-article ul li a:hover svg{fill:#fff}
.blog-posts .share-article.fixed{position:fixed;top:140px}
.blog-posts .post-body p{margin-bottom:50px;font-weight:500;}
.blog-posts .post-body h4,.blog-posts .post-body h5{font-weight:800}
.blog-posts .post-body ol li,.blog-posts .post-body ul li{font-size:18px}


.blog-related-post{
  display:none;
}

.blog-related-post:has(.post){
  display:block;
}

/* .blog-related-post .post:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)){
  display:none;
}
 */

@media (max-width:1280px){
  .blog-listing .post-list{margin:0 -20px}
  .blog-listing .post-list .post{padding:20px}
  .blog-posts .post-body p{margin-bottom:30px}
  .hs-blog-post .blog-listing h2{font-size:36px}
  .blog-posts{padding:80px 0 100px}
  .hs-blog-post .blog-listing{padding:0 0 100px
  }
  @media (max-width:1200px){
    .blog-posts .share-article{position:static !important;}
    .blog-posts .share-article ul li{display:inline-block;padding:4px;vertical-align: middle;}
  }

  @media (max-width:991px){
    .blog-listing{padding:60px 0}
    .blog-listing .post-list{margin:0 -15px;padding-top:0}
    .blog-listing .post-list .post{padding:15px;width:50%}
    .blog-listing #loadMore{font-size:16px;padding:10px 22px;margin-top:20px}
    .blog-posts .post-body img{
      margin: 0 auto !important;
      text-align: center;
      float: none !important;
      padding: 20px 0;
      text-align: center;
      display: block;
    }
    .blog-posts .post-body p{margin-bottom:20px}
    .hs-blog-post .blog-listing h2{font-size:28px}
    .blog-posts .post-body ol li,.blog-posts .post-body ul li{font-size:16px}
    .blog-posts{padding:70px 0}
    .hs-blog-post .blog-listing{padding:0 0 70px}
  }
  @media (max-width:680px){
    .blog-listing{padding:40px 0}
    .blog-listing .post-list{margin:0;}
    .blog-listing .post-list .post{padding:15px 0;width:100%;max-width:360px;margin:0 auto}
    .hs-blog-post .blog-listing h2{font-size:24px}
    .blog-posts{padding:50px 0}
    .hs-blog-post .blog-listing{padding:0 0 50px}
    .blog-listing .tag-cen{text-align:center}
  }