/*--------------------------------------------------------------
# News
--------------------------------------------------------------*/
.position-relative {
  position: relative !important;
}

.float-left {
  float: left !important;
}

.image-hover {
  overflow: hidden;
}

.image-hover img,
.image-hover {
  transition: transform 0.4s;
  /* Animation */
}

.image-hover:hover img {
  transform: scale(1.25);
}

.image-hover:hover {
  background: #0a62fb;
}

.img-fluid {
  max-width: 100%;
  height: auto;
}

.font-weight-bold {
  font-weight: 700 !important;
}

.fs-15 {
  font-size: 15px;
}

.font-weight-normal {
  font-weight: 400 !important;
}

.font-weight-bold {
  font-weight: 700 !important;
}

.font-weight-600 {
  font-weight: 300;
  font-family: 'Khmer OS Content';
}

.news .btn-readMore {
  font-family: "Noto Sans Khmer", sans-serif;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 1px;
  display: block;
  padding: 12px 32px;
  border-radius: 4px;
  transition: 0.3s;
  line-height: 1;
  color: #db242d;
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s;
  margin: 6px auto;
  border: 2px solid #db242d;
  width: fit-content;
  align-self: center;
}

.news .btn-readMore:hover {
  background: #db242d;
  color: #fff;
  text-decoration: none;
}

.news h6 {
  padding-top: 15px;
}

.news-details h5 {
  font-family: "Khmer OS Content";
  padding: 30px 0;
  line-height: 30px;
  font-weight: bold;
  border-bottom: 1px solid rgb(255, 0, 0);
}

.news-details h6 {
  padding-top: 10px;
}

.related-news .section-title {
  padding-bottom: 10px;
}

.related-news h3 {
  font-size: 24px;
  position: relative;
  color: #db242d;
}

.related-news h6 a {  
  color: #000000;
}

.related-news h6 a:hover {  
  color: #db242d;
}

.news-details p {
  font-family: 'Noto Sans Khmer', sans-serif;
  font-size: 18px;
  padding: 30px 0;
}

.news-details .news-content img {
  height: 500px;
  object-fit: cover;
}