.oppein-posts-listing{margin-bottom:50px}.oppein-posts-grid{grid-template-columns:repeat(4,1fr);gap:40px;display:grid}.oppein-post-item{transition:box-shadow .4s;display:flex;position:relative;overflow:hidden;box-shadow:0 0 4px 1px #0000001a}.oppein-post-item>a{flex-direction:column;display:flex}.oppein-post-item:hover{box-shadow:0 0 4px 1px var(--e-global-color-primary,var(--oppein-global-color-primary))}.oppein-post-item:after{content:"";width:50%;height:130%;transition:transform .4s;position:absolute;top:-15%;left:0;transform:translate(-126%,-34.5%)rotate(37.2deg)}.oppein-post-item:hover:after{background:linear-gradient(90deg,#0000,#ffffff8c,#0000);transform:translate(236%,36%)rotate(45deg)}.oppein-post-item img{aspect-ratio:40/21;object-fit:cover;object-position:center}.oppein-post-content{height:100%}.oppein-post-title{color:#000;margin:0;padding:10px 15px;font-size:18px;font-weight:700}.oppein-post-excerpt{color:#000;padding:0 15px 10px;font-size:14px}.oppein-post-date{color:#000;border-top:1px solid #f2f2f2;justify-content:flex-end;align-items:center;gap:5px;margin:0;padding:10px 15px;font-size:12px;display:flex}.oppein-post-date:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){text-align:right}.oppein-post-date:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){text-align:right}.oppein-post-date:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){text-align:left}@media screen and (max-width:1200px){.oppein-posts-grid{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width:1000px){.oppein-posts-grid{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:768px){.oppein-posts-grid{grid-template-columns:1fr}}
