.recent-post-wrap {
  padding: 17.5px 0px;
}

.recent-post-wrap .recent-post-header {
  margin-bottom: 10%;
  text-align: center;
}

.recent-post-wrap .recent-post-header .text-medium-gray {
  margin-bottom: 5px;
  font-weight: 500;
}
.recent-post-wrap .recent-post-area {
  margin: 0 -15px;
}

.recent-post-wrap .recent-post-header h5 {
  margin-bottom: 20px;
  font-weight: 700;
}

.recent-post-wrap .recent-post-header .pofo-separator {
  background-color: #ff214f;
  width: 100px;
  height: 1px;
  float: none;
  margin-left: auto;
  margin-right: auto;
}
.recent-post-wrap .recent-post-header-wrap {
  width: calc(50% + 17px);
  margin: 0 auto;
}

.recent-post-wrap .recent-post-item {
  padding: 7px;
}

.recent-post-wrap .recent-post-img {
  background: #232323;
  position: relative;
  overflow: hidden;
  margin-bottom: 25px;
}

.recent-post-wrap .recent-post-img img {
  width: 100%;
}

.recent-post-wrap .blog-categories {
  bottom: 0;
  right: 0;
  padding: 10px 20px 8px;
  position: absolute;
  z-index: 25;
  font-weight: 500;
}

.recent-post-wrap .recent-post-item:hover .recent-post-img img {
  opacity: 0.5;
  transform: scale(1.2, 1.2);
  transition: all 0.3s ease 0s;
}

.recent-post-wrap .recent-post-btn {
  padding-top: 50px;
  text-align: center;
  line-height: 22px;
  font-size: 14px;
}
@media(max-width:991px){
  .recent-post-wrap .recent-post-item {
    margin-bottom: 30px;
  }

  .recent-post-wrap .recent-post-area {
    margin-bottom: -30px;
  }
  .recent-post-wrap .recent-post-header {
    margin-bottom: 70px;
  }
  .recent-post-wrap .recent-post-img {
    margin-bottom: 20px;
  }
  .recent-post-wrap {
    margin-bottom: -33px;
  }
}
@media(max-width:767px){
  .recent-post-wrap .post-details {
    text-align: center;
    width: 100%;
  }
  .recent-post-wrap .recent-post-area {
    margin-left: 0;
    margin-right: 0;
  }
  .recent-post-wrap {
    margin-bottom: -80px;
  }
   .recent-post-wrap .recent-post-header-wrap {
    width: 100%;
    margin: 0 auto;
}
  
}