/* Blog post */

.blog-postcontent{padding:80px 0 90px;}
.blog-postcontent .content-wrapper{max-width:1095px;}
.blog-postcontent .detail-content img {width: 100%;}
.tags-wraps{background-color:var(--primary_color); padding:20px;gap:40px;margin:35px 0 0;}
.tags-text ul li a{ background: hsla(0, 0%, 100%, .79); text-decoration:none !important;border-radius: 100px; color: var(--primary_color); font-size: 16px; letter-spacing: -.051px; line-height: 1; padding: 8px 10px; }
.tags-text ul{gap:10px;}

.blog-slider {margin:60px 0 0;}
.blog-slider .blogs-box{text-decoration:none !important;}
.blog-slider .blogs-box{width:32%; margin-right:2%;margin-bottom:29px;transition:all 0.3s ease;background-color:#F3F5F7;border-radius:5px;position:relative; overflow:hidden;}
.blog-slider .blogs-box:nth-child(3n),.blog-slider .blogs-box:last-child{margin-right:0}
.blog-slider .featured-image{height:268px; transition:all 0.3s ease;}
.blog-slider .featured-image img{width:100%;border-top-left-radius: 5px;  border-top-right-radius: 5px; height:100% !important; object-fit:cover;}
.blog-slider .blog-conts{padding:30px 30px 5px;transition:all 0.3s ease;}
.blog-slider .blog-conts h4{margin:0 0 30px;}
.rbox-btn span{display:flex; align-items:center;color:var(--primary_color);transition:all text-decoration:none !important; border-bottom:1px solid transparent;}
.rbox-btn span svg{margin-left:10px; position:relative; top:1px;}
.blog-slider .blogs-box:hover .rbox-btn span{border-color:var(--pink_color);color:var(--pink_color)}

.blog-related-posts{padding:110px 0 100px}

@media(min-width:1025px){
  .blog-slider .blogs-box:hover .featured-image{transform: translateY(-50px);}
  .blog-slider .blogs-box:hover .blog-conts{transform: translateY(-50px);transition:all 0.3s ease;}
  .blog-slider .blogs-box:hover .rbox-btn {opacity:1;}
  .rbox-btn {position: absolute; opacity: 0;}
.blog-slider .blogs-box:hover .rbox-btn a{border-color:var(--pink_color); color:var(--pink_color)}
}

@media(max-width:1024px){
  .blog-related-posts{padding:70px 0 50px}
  .blog-slider .blogs-box{width:49%;}
  .blog-slider .blogs-box:nth-child(3n){margin-right:2%;}
  .blog-slider .blogs-box:nth-child(2n),.blog-slider .blogs-box:last-child{margin-right:0}
  .blog-slider .blog-conts{padding:30px 20px;}
}

@media (max-width:767px){
.blog-postcontent{padding:50px 0;}
.tags-wraps {margin: 15px 0 0;gap: 0;display: block;}
.tags-hero { margin-bottom: 20px;}  
 .blog-slider .blogs-box{width:100%;margin-right:0}
  .blog-slider .blogs-box:nth-child(3n){margin-right:0;}
    .blog-slider {margin:30px 0 0;}
    .blog-slider .featured-image{height:136px;}
    .blog-slider .secondary_paragraph p{margin-bottom:15px;}
.blog-slider .blog-conts h4{margin: 0 0 22px;}  
.blog-related-posts{padding:55px 0 25px}  
}



@media screen and (min-width: 768px) {
  .blog-related-posts__post {
    flex: 0 0 calc(100% / 2);
  }
}

@media screen and (min-width: 1000px) {
  .blog-related-posts__post {
    flex: 0 0 calc(100% / 3);
  }
}

.blog-related-posts__image {
  height: auto;
  max-width: 100%;
}

.blog-related-posts__title {
  margin: 0.7rem 0;
}

/* Blog comments */

.blog-comments {
  margin: 0 auto;
  max-width: 680px;
}

.blog-comments .hs-submit {
  text-align: center;
}

.blog-comments .comment-reply-to {
  border: 0 none;
}

.blog-comments .comment-reply-to:hover,
.blog-comments .comment-reply-to:focus {
  background-color: transparent;
  text-decoration: underline;
}