.news-list-container{
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}
.news-list-container .posts-item{
  /* width: 33.33%; */
  flex: 0 0 100%;
}
.news-list-container .posts-item .news-content-container{
  display: flex;
  flex-direction: column;
}
.news-content-container a .post-content{
  color: #000;
}
.news-content-container a .post-content h3{
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
  color: #000;
  margin: 0 0 12px;
  padding-right: 20px;
  position: relative;
}
.news-content-container a .post-content h3:after{
  content: '';
  display: block;
  width: 24px;
  height: 24px;
  background: url(../img/icon-arrow-up-right.svg) no-repeat center right;
  background-size: cover;
  position: absolute;
  right: 0;
  top: 3px;
}
.latest-main-post-container{
  display: flex; 
  gap: 24px;
  flex-wrap: wrap;
  flex-direction: column;
}
.latest-main-post-container .left-post-container,
.latest-main-post-container .right-post-container{
  flex: 0 0 calc(50% - 16px); 
}
.left-post-container .news-content-container a{
  display: flex;
  flex-direction: column;
  gap: 24px;
  color: #000;
}
.left-post-container .news-img-container {
  height: 244px;

}
.left-post-container .news-img-container img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 10px;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.latest-main-post-container .right-post-container{
  display: flex;
  flex-direction: column;
  gap: 24px;
}
 
.right-post-container .news-content-container a{
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  color: #000;
}
.right-post-container .news-img-container    {
  height: 150px;
  flex:0 0 calc(150px - 16px);
}
.right-post-container .news-content-container  .post-content{
  flex:0 0 calc(100% - 150px - 16px);
  height: 100%;
 
} 
.right-post-container .news-content-container .news-img-container img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 10px;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.entry-meta {
  font-size: 14px;
  color: #0165FC;
  font-weight: 600;
  margin-bottom: 10px;
  font-family: 'Poppins', sans-serif;
}
.meta-separator{
  display: inline-block;
  width:5px;
  height:5px;
  background: #0165FC;
  border-radius: 50%;
  margin: 0 8px 2px;
}
.news-content-container h3{
  margin: 0;
}
.latest-post-container{
  margin-bottom: 64px;
}
.latest-post-container a  {
  display: flex;
  flex-direction: column;
  gap: 24px;
  color: #000;
}

.latest-post-container a .news-img-container  {
  height: 160px;
}
.latest-post-container a .news-img-container img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 10px;
  overflow: hidden;
  position: relative;
  z-index: 1;
}

.latest-post-container a:hover h3, 
.latest-main-post-container .news-content-container a:hover  h3{
  color:var(--primary-color);
}
.custom-pagination{
  border-top: 1px solid #EAECF0;
  padding-top: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  margin-bottom: 100px;
}
.custom-pagination .page-numbers{
  color: #000;
  flex: 0 0 40px;
  height: 40px;
  border-radius: 8px; 
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
  color: #000;
}
.custom-pagination .page-numbers.current{
  background: #E6F0FF;
}
.custom-pagination .arrow-button{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  font-size: 14px;
  font-weight: 400;
  color: #000;
  border-radius: 8px; 
  font-weight: 500;
}
.custom-pagination .arrow-button.arrow-prev:before{
  content: '';
  display: block;
  width: 24px;
  height: 24px;
  background: url(../img/icon-arrow-right2.svg) no-repeat center right;
  background-size: cover;
  transform: rotate(180deg);
}
.custom-pagination span.arrow-button{
  color: #B2B2B2
}
.custom-pagination span.arrow-button.arrow-prev:before{
  background: url(../img/icon-arrow-right2-hover.svg) no-repeat center right;
  transform: rotate(180deg);
}
.custom-pagination .arrow-button.arrow-next:after{
  content: '';
  display: block;
  width: 24px;
  height: 24px;
  background: url(../img/icon-arrow-right2.svg) no-repeat center right;
  background-size: cover; 
}
.custom-pagination span.arrow-button.arrow-next:after{
  background: url(../img/icon-arrow-right2-hover.svg) no-repeat center right; 
}
.custom-pagination a.arrow-button.arrow-next:before{
  background: url(../img/icon-arrow-right2.svg) no-repeat center right;
 
}
.single-post-empty-content .custom-empty-header{
  height: 140px; 
  background: #000;
}
.custom-empty-content{ 
  max-width: 1240px;
  width: 100%;
  margin: 0 auto;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  padding: 0 20px;
  min-height: 440px;
  padding-top: 50px;
}
.detail-post-container{
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.detail-content-feature-image{ 
  overflow: hidden;
  border-radius: 16px;
}
.detail-content-feature-image img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
 
@media(min-width: 769px){
  .latest-main-post-container, .latest-main-post-container .right-post-container a, 
  .latest-main-post-container .right-post-container, .news-list-container,
  .latest-post-container a{
    gap: 32px;
  }
  .news-list-container{
    row-gap: 48px;
  }
  .right-post-container .news-content-container a{
    gap: 24px;
  }
  .right-post-container .news-img-container{
    height: 200px;
    flex:0 0 calc(50% - 12px);
  }
  .right-post-container .news-content-container  .post-content{
    flex:0 0 calc(50% - 12px);
    height: 100%;
   
  } 
  .latest-post-container a .news-img-container{
    height: 240px;
  }
  .latest-main-post-container{
    flex-direction: row;
  }
  .news-list-container .posts-item{
    /* width: 33.33%; */
    flex: 0 0 calc(33.33% - ((32px * 2)/3));
  }
}