.swiper.related-blog-swiper{height:auto !important;}
    .product-blog-slide .pf-slider-nav button {
  border: none;
  background: var(--hx-grey-15);
  margin: 0 5px;
  width: 10px;
  height: 10px;
}

.product-blog-slide .pf-slider-nav button.active {
  border: none;
  background: var(--hx-ink-01);
}

.product-blog-slide .pf-slider-nav button.active:before {
  display: none;
}

.related-blog-slide {
  background-color: var(--hx-paper-18);
  border-radius: 13px;
  overflow: hidden;
  height: auto;
}

.related-blog-slide .related-blog-image{height: 460px;}
.related-blog-slide .related-blog-image img{    
  height: 100%;
    width: 100%;
    object-fit: cover;
  }
.related-blog-content {
  padding: 20px;
}

.product-article-title {
  font-size: 24px;
  margin: 0 0 15px;
  padding-top: 0;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 700;
  line-height: 1.4;
}

.product-article-des {
  line-height: 1.4em;
  color: var(--hx-grey-08);
  margin: 0;
  font-size: 18px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
}

.related-blog-pagination{margin-top:30px;}
.related-blog-pagination .swiper-pagination-bullet {
    cursor: pointer;
    width: 14px;
    height: 14px;
    background: var(--hx-grey-15);
    border: none;
}

.related-blog-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background: var(--hx-ink-01);}
.product-article-readmore{color: var(--hx-ink-03);
    margin-top: 10px;
    text-decoration: underline;
    font-weight: 500;
    font-size: 16px;
    padding: 10px 0 0;}
.related-blog-swiper-box{padding-bottom:60px;}

@media (max-width:1600px) {
.related-blog-slide .related-blog-image{
  height: 32vw;
}
}
@media (max-width:1200px) {

.product-article-title {font-size: 22px;}

.related-blog-swiper-box{padding-bottom:50px;}
}

@media (max-width:1024px) {

.product-article-title {font-size: 20px;}
.product-article-des {font-size: 16px;}

.related-blog-swiper-box{padding-bottom:40px;}
}

@media (max-width: 767px) {

.related-blog-slide{width: calc(100% / 1.4);}
.related-blog-swiper-box{padding-bottom:40px;}

.related-blog-slide .related-blog-image{
  height: 44vw;
}
.related-blog-pagination .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
}
.product-article-title {
    font-size: 16px;margin: 0 0 10px;}
.product-article-des,.product-article-readmore {font-size: 13px;padding: 0;}

.tab-pane #__pf div[data-pf-type="Layout"] {overflow-x: visible;}
.tab-pane{overflow-x: hidden;}
.tab-pane .related-blog-section{ width: calc(100% + 30px);margin-left: -15px !important;}


.related-blog-section.related-blog-section-15px [style*="--cw"] {padding: 0 15px;}
.related-blog-section.related-blog-section-15px div[data-pf-type="Row"]{width: calc(100% + 15px);}
.related-blog-section.related-blog-section-15px .related-blog-slide:last-child{margin-right:15px;}
.related-blog-section.related-blog-section-15px .related-blog-pagination{margin-top: 20px;padding-right: 15px;}

.related-blog-section.related-blog-section-3vw [style*="--cw"] {padding: 0 3vw;}
.related-blog-section.related-blog-section-3vw div[data-pf-type="Row"]{width: calc(100% + 3vw);}
.related-blog-section.related-blog-section-3vw .related-blog-slide:last-child{margin-right:3vw;}
.related-blog-section.related-blog-section-3vw .related-blog-pagination{margin-top: 20px;padding-right: 3vw;}

}