.latest-news {
  padding: 100px 0; }
  .latest-news .post-entry {
    position: relative;
    overflow: hidden; }
    .latest-news .post-entry img {
      -webkit-transition: .3s all ease;
      -o-transition: .3s all ease;
      transition: .3s all ease;
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1); }
    .latest-news .post-entry:before {
      content: "";
      width: 0;
      height: 5px;
      position: absolute;
      bottom: 0;
      left: 0;
      -webkit-transition: .3s all ease;
      -o-transition: .3s all ease;
      transition: .3s all ease;
      background-color: #54b9e1;
      z-index: 2; }
    .latest-news .post-entry .caption {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 2;
      z-index: 1; }
      .latest-news .post-entry .caption:before {
        content: "";
        position: absolute;
        top: 0;
        z-index: -1;
        left: 0;
        right: 0;
        bottom: 0;
        -webkit-transition: .3s all ease;
        -o-transition: .3s all ease;
        transition: .3s all ease;
        background: rgba(0, 0, 0, 0.4); }
      .latest-news .post-entry .caption .caption-inner {
        position: absolute;
        bottom: 30px;
        left: 30px;
        right: 30px; }
        .latest-news .post-entry .caption .caption-inner h3 {
          font-size: 16px;
          font-weight: 700;
          color: #fff; }
    .latest-news .post-entry .author .img {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 40px;
      flex: 0 0 40px; }
      .latest-news .post-entry .author .img img {
        max-width: 100%;
        border-radius: 50%; }
    .latest-news .post-entry .author .text h4 {
      color: #fff;
      font-weight: 700; }
    .latest-news .post-entry .author .text span {
      color: rgba(255, 255, 255, 0.5); }
    .latest-news .post-entry .author .text h4, .latest-news .post-entry .author .text span {
      margin: 0;
      line-height: 1;
      font-size: 14px; }
    .latest-news .post-entry:hover img {
      -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
      transform: scale(1.1); }
    .latest-news .post-entry:hover .caption:before {
      background: rgba(0, 0, 0, 0.7); }
    .latest-news .post-entry:hover:before {
      width: 100%; }

.title-section {
  margin-bottom: 30px; }
  .title-section .heading {
    color: #121212;
    font-size: 30px;
    position: relative;
    padding-left: 30px; }
    .title-section .heading:before {
      position: absolute;
      content: "";
      width: 10px;
      top: 0;
      left: 0;
      bottom: 0;
      background: #54b9e1; }