article.post{display:flex;flex-direction:column;gap:20px}article.post .thumb{align-items:flex-start;background-size:cover;border-radius:12px;display:flex;height:335px;justify-content:flex-end;padding:5px;width:100%}article.post .content{width:100%}article.post .content .post-info a,article.post .content .post-info span{color:#a8adc3;font-size:14px;line-height:19px}article.post .content h4{font-weight:700;margin-bottom:15px}article.post .content h4 a{color:inherit;transition:all .3s}article.post .content h4 a:hover{color:#3f83f7}article.post a.read-more{width:max-content}article.post .tags-wrapper{display:flex;flex-wrap:wrap;padding:4px}article.post .tags-wrapper a.tag{background-color:var(--primary-color);border-radius:4px;color:#fff;display:block;font-size:11px;font-weight:700;letter-spacing:.03em;line-height:15px;margin:0;padding:10px;text-transform:uppercase;transition:all .3s}.post-listing{display:flex;flex-wrap:wrap;gap:50px 30px}.post-listing>.post{border-bottom:1px solid rgba(16,26,84,.1);margin:0;padding:0 0 20px;width:calc(33.33% - 20px)}@media (max-width:1023px){.post-listing>.post{width:calc(50% - 20px)}}@media (max-width:767px){.post-listing>.post{width:100%}}.post-listing>.post .thumb{height:260px}.post-listing>.post--full{border-bottom:none;border-radius:12px;overflow:hidden;padding-bottom:0;position:relative;width:100%}.post-listing>.post--full .tags-wrapper{justify-content:flex-end;margin:0 0 0 auto;position:relative;z-index:2}.post-listing>.post--full .thumb{display:flex;flex-direction:column;height:520px;justify-content:space-between}.post-listing>.post--full .thumb:before{background:linear-gradient(.92deg,rgba(0,0,0,.75) .4%,rgba(0,0,0,.75) 20.05%,transparent 98.19%);content:"";display:block;height:100%;left:0;opacity:.5;position:absolute;top:0;width:100%;z-index:1}.post-listing>.post--full .content{max-width:540px;padding:10px 40px;position:relative;z-index:2}.post-listing>.post--full .content .post-info span,.post-listing>.post--full .content a,.post-listing>.post--full .content h3{color:#fff}@media (max-width:1023px){.post-listing>.post--full{display:none}}@media (min-width:1024px){.post-listing>.post--mobile{display:none}}