.post-overlay-style-11 .vc_posts-wrapper {
    grid-template-columns: repeat(4, 1fr);
}
.post-overlay-style-11 .vc_posts-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    gap: 10px 0;
    grid-template-areas:
        "l1 l2 ."
        "l3 l4 ."
        ". . .";
}
.post-overlay-style-11 .l1 {
  grid-area: l1;
  /* min-height: 150px */
}
.post-overlay-style-11 .l2 {
  grid-area: l2;
  /* max-height: 150px; */
}
.post-overlay-style-11 .l3 {
  grid-area: l3;
   /* max-height: 150px; */
 }
.post-overlay-style-11 .l4 {
  grid-area: l4;
  /* max-height: 150px; */
 }



.post-overlay-style-11 .vcps-item {
    position: relative;
    background-size: cover;
    min-height: auto;
    background-position: top center;
    padding: 5px;
    border-radius: 17px;
    margin-bottom: 15px;
}

.post-overlay-style-11 .overlay-vcps {
  transition: all ease-in-out 150ms;
  background: linear-gradient(to bottom,#0000 50%,#0000 0,#000000 120%);
  display: block;
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 15px;
}
.post-overlay-style-11 .vcps-item:hover .overlay-vcps{
  background: #ed7e24ab;
}
.post-overlay-style-11 .vcps-info h3 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
  color: #FFF;
  width: 100%;
  line-height: 1px;
  text-align: left;
  margin-top: 10px;
  padding: 0 10px;
}
.post-overlay-style-11 .vcps-info a {
    color: #000;
    position: relative;
    z-index: 1;
    font-size: 17px;
}

.post-overlay-style-11 .in-thumb {
    padding-bottom: calc( 0.60 * 100% );
    position: relative;
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    overflow: hidden;
      border-radius: 15px;
}

.post-overlay-style-11 .in-thumb img{
  margin-bottom: 0;
  display: block;
  -webkit-transition: -webkit-filter .3s;
  transition: -webkit-filter .3s;
  -o-transition: filter .3s;
  transition: filter .3s;
  transition: filter .3s,-webkit-filter .3s;
  height: auto!important;
  height: 100%;
  width: 100%;
  position: absolute;
  top: calc(50%);
  left: calc(50%);
  -webkit-transform: scale(1) translate(-50%,-50%);
  -ms-transform: scale(1) translate(-50%,-50%);
  transform: scale(1) translate(-50%,-50%);
  object-fit: cover;
      min-height: 195px;
  border-radius: 15px;
}
.post-overlay-style-11 .overlay-vcps > img {
    width: 65px;
    opacity: 0;
    min-height: auto;
}
.post-overlay-style-11 .vcps-item:hover .overlay-vcps img {
    opacity: 1;
}
@media (max-width:767px) {
.post-overlay-style-11 .vc_posts-wrapper{
  margin-right: -17px;
}
}