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