.blog-review-item .media-cover .img-btn-play {
    width:100px;
    height: 100px;
    position:absolute;
    top:50%;
    left:50%;
    margin-top:-50px;
    margin-left:-50px;
    z-index:1;
} 

#blog-review-lists .owl-stage {
  display: flex; 
}

#blog-review-lists 
.owl-stage 
.owl-item {
  flex:1;
}

#blog-review-lists 
.owl-stage 
.owl-item .blog-review-item {
  height: 100%;
}

.blog-review-item {
  border-radius: 0px;
  overflow: hidden;
  background:#F9E5CA;
  color:#5D4608;
}



#blog-review-lists 
.owl-stage 
.owl-item:first-child 
.blog-review-item{
  background:#D4C7A4;
}

#blog-review-lists 
.owl-stage 
.owl-item:first-child 
.blog-review-item , 
#blog-review-lists 
.owl-stage 
.owl-item:first-child 
.blog-review-item h3,
#blog-review-lists 
.owl-stage 
.owl-item:first-child 
.blog-review-item p{
   color:#FFF;
}

#blog-review-lists 
.owl-stage 
.owl-item:first-child 
.blog-review-item .media-caption h3::after {
  position:absolute;
  content:' ';
  border:1px solid #FFF;
  bottom:-5px;
  width:60px;
  left:0px;
}

.blog-review-item .media-caption {
   padding:20px 15px;
   color:#5D4608;
   font-family: "Sarabun" !important;
}

.blog-review-item .media-caption h3 {
  margin:0px 0 10px 0;
  padding:5px 0px;
  color:#5D4608;
  position: relative;
  font-weight: bold;
}

.blog-review-item .media-caption h3::after {
  position:absolute;
  content:' ';
  border:1px solid #5D4608;
  bottom:-5px;
  width:60px;
  left:0px;
}


.blog-review-item  .ib-item-date {
    font-size: 1.25rem;
    padding: 4px 0px;
    color: #725e3d;
    margin-bottom: 5px;
    display:none;
}


.blog-content-lists .flex:first-child .blog-review-item {
    background:#D4C7A4 !important;
    color:#FFF;
}
.blog-content-lists .flex:first-child .blog-review-item h3 ,
.blog-content-lists .flex:first-child .blog-review-item p ,
.blog-content-lists .flex:first-child .blog-review-item .read-more {
    color:#FFF;
}
.blog-content-lists .flex:first-child .blog-review-item h3::after{
    border-color:#FFF;
}

.blog-content-lists {
    display: flex;
    flex-wrap: wrap;
    padding:15px;
}

.blog-content-lists .flex {
    display: flex;
    flex-direction: column;
}

.blog-review-item   { 
    height: 100%;
    margin-bottom:20px;
    font-size: 1.35rem;
}



.blog-review-item .media-caption .read-more {
    margin-top:15px;
    font-size: 1.25rem;
}
 

#aritcle .blog-review-item {
     
}


.ib-article-item  .caption {
    margin-top:15px;
    min-height: 100px;
  }
  .ib-article-item  .caption h4 {
    font-size:18px;
    margin:0px 0px 5px 0px;
    overflow: hidden;
    overflow-wrap: break-word;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.ib-article-item  .caption p {

    font-size:14px;
    color:#333;
    overflow: hidden;
    overflow-wrap: break-word;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;

}
.ib-article-item .caption .ib-item-date {
    font-size: 11px;
    padding: 4px 0px;
    color: #725e3d;
}
.ib-article-item {
    margin-bottom:20px;
}
.ib-media-cover {
    border-radius: 0px;
    overflow: hidden;
    position: relative;
}
.ib-media-cover a {
    display: block;
}

.ib-media-cover .icon-play {
    position:absolute;
    left:50%;
    top:50%;
    width:100px;
    height: 100px;
    opacity: 0.8;
    margin-top:-50px;
    margin-left:-50px;
}

.service .blog-content-lists .flex:first-child .blog-review-item {
  background:#FFF !important;
  color:var(--colorPurple) !important ;
  text-align: center;
}
.service  .blog-content-lists .flex:first-child .blog-review-item h3 {
  color:var(--colorPurple) !important ;
} 
.service .blog-content-lists .flex:first-child .blog-review-item p{
  color:var(--colorBlogText)
} 
.blog-content-lists .flex:first-child .blog-review-item .read-more {

}

.category_description {
  font-size: 2rem;
  font-weight: normal;
  margin-bottom:20px;
}

.service .blog-review-item {
  background:#FFF;
  color:var(--colorPurple);
  text-align: center;
}
.service .blog-review-item .media-caption h3::after {
  content:none;
}
.service .blog-review-item .media-caption h3 {
  color:var(--colorPurple);
}