.blog-listing{display:flex;gap:50px;user-select:none}.blog-listing .left{display:flex;flex:1;flex-direction:column;gap:20px}.blog-listing .right{display:flex;flex:4;flex-direction:column;gap:20px}.blog-listing .left h1,.blog-listing .right h2{font-size:32px;margin-bottom:15px}.blog-listing .right h2{margin:30px 0 0}.blog-listing .left p{font-size:16px;margin:0}.blog-listing .left .search,.blog-listing .left .tags-list,.blog-listing .left .top{border-bottom:1px solid rgba(0,0,0,.15);padding-bottom:20px}.blog-listing .left .search input{border:1px solid rgba(0,0,0,.15);border-radius:5px;height:42px;outline:none;padding:0 12px;width:100%}.blog-listing .left .tags-list{display:block}.blog-listing .left .tags-list a{border-radius:5px;color:#000;display:block;margin:3px 0;padding:3px 10px;text-decoration:none;width:100%}.blog-listing .left .tags-list a.active{font-weight:600}.blog-listing .left .tags-label{align-items:center;cursor:pointer;display:flex;gap:10px;justify-content:space-between;margin:-10px 0;padding:10px 0}.blog-listing .left .tags-label svg{transform:rotate(-180deg);transition:.3s}.blog-listing .left .tags-label svg.upside{transform:rotate(0)}.blog-listing .right .green-one{background:#14403c;border-radius:20px;display:flex;flex-direction:column;gap:20px;padding:50px 50px 0;position:relative}.blog-listing .right .green-one h3{color:#fff;line-height:120%;margin:0;max-width:75%}.blog-listing .right .green-one .featured-img{border-radius:15px 15px 0 0;height:300px;max-width:100%;object-fit:cover;object-position:center}.blog-listing .right .green-one a{color:#ffa048;font-weight:600;text-decoration:none}.blog-listing .right .top .data{align-items:center;color:hsla(0,0%,100%,.6);display:flex;flex-wrap:wrap;font-size:14px;font-weight:500;gap:10px;line-height:100%}.blog-listing .right .top .data .tag{background:#cedaf9;border-radius:100px;color:#000;padding:10px 15px}.blog-listing .right .yellow-three{display:flex;gap:20px}.blog-listing .right .yellow-three .post-item{background:#ffeaaa;border-radius:10px;display:flex;flex:1;flex-direction:column;padding:20px;position:relative}.blog-listing .right .yellow-three .post-item h6{color:#000;font-weight:500;margin:0;padding:20px 0}.blog-listing .right .top.yellow-three .data{color:rgba(0,0,0,.7);flex-wrap:wrap}.blog-listing .right .top.yellow-three a{color:#000;font-weight:500;margin-top:auto;text-decoration:none}.blog-listing .right .link-wrapper{height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.blog-listing .right .post-item{position:relative}.blog-listing .right .posts-wrapper{display:flex;flex-wrap:wrap;gap:36px 20px}.blog-listing .right .posts-wrapper>div{display:flex;flex:0 0 calc(33.333% - 14px);flex-direction:column;gap:15px}.blog-listing .right .posts-wrapper>div img{border-radius:10px;display:block;height:200px;max-width:100%;object-fit:cover;object-position:center}.blog-listing .right .posts-wrapper>div h6{font-weight:500;margin:0}.blog-listing .right .posts-wrapper>div .data{color:rgba(0,0,0,.7)}@media(max-width:980px){.blog-listing,.blog-listing .right .top.posts-wrapper,.blog-listing .right .top.yellow-three{flex-direction:column}.blog-listing .right .green-one{padding:20px 20px 0}.blog-listing .right .green-one h3{font-size:24px;max-width:100%}.blog-listing .right .green-one .featured-img{height:200px}.blog-listing .left .tags-list{display:none}.blog-listing .left .tags-label svg{transform:rotate(-1turn)}}