.posts-wrapper.service[data-template='service'] .posts-container {display:flex; flex-direction:row; flex-wrap:wrap; gap:24px; justify-content:center;}
.posts-wrapper.service[data-template='service'] .posts-container .single {display:inline-flex; flex-direction:column-reverse; width:320px; max-width:100%; background:var(--awb-color6); border-radius:8px; overflow:hidden;}
.posts-wrapper.service[data-template='service'] .posts-container .single:hover {background:#fff;}
.posts-wrapper.service[data-template='service'] .posts-container .single .post-image {width:100%; position:relative; padding-top:56.25%; overflow:hidden;}
.posts-wrapper.service[data-template='service'] .posts-container .single .post-image img {position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; transition:.3s;}
.posts-wrapper.service[data-template='service'] .posts-container .single:hover .post-image img {transform:scale(1.1);}
.posts-wrapper.service[data-template='service'] .posts-container .single .post-content {display:flex; flex-direction:column; gap:16px; height:auto; padding:16px;}
.posts-wrapper.service[data-template='service'] .posts-container .single .post-content .title {font-size:1em; font-family:stevie-sans, Arial, Helvetica, sans-serif; margin:0; color:#fff;}
.posts-wrapper.service[data-template='service'] .posts-container .single:hover .post-content .title {color:var(--awb-color6);}

/* --- Mobile --- */
@media (max-width: 800px) {
  .posts-wrapper.service[data-template='service'] .posts-container .single {width:100%;}
}