.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: 18px;
    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: 280px;
    background-position: top center;
    padding: 15px;
    border-radius: 17px;
}
.post-overlay-style-11 .overlay-vcps {
    background: linear-gradient(to bottom,#0000 0,#0000 0,#00000052 100%);
    display: block;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 17px;
}
.post-overlay-style-11 .vcps-item.l2 {
    margin-top: -48px;
}
.post-overlay-style-11 .vcps-item.l4 {
    margin-top: -48px;
}
.post-overlay-style-11 .vcps-info h3 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 20px;
  position: absolute;
  bottom: 28px;
  color: #FFF;
  padding-right: 15px;
  left: 0;
  width: 100%;
  text-align: center;
}
.post-overlay-style-11 .vcps-info a {
    color: #FFF;
    position: relative;
    z-index: 1;
    font-size: 26px;
}

@media (max-width:767px) {
.post-overlay-style-11 .vc_posts-wrapper{
  margin-right: -17px;
}
}