.blog-listing-wrapper{padding:192px 0 100px}.blog-listing-wrapper .headding-content{margin-bottom:100px}.blog-listing-wrapper .headding-content h1{color:#333;font-size:40px;line-height:1.2}.blog-listing-wrapper .blog-listing-container{margin:0 auto;max-width:1140px}.blog-listing-wrapper .blog-listing-card-wrap{display:flex;flex-wrap:wrap;gap:20px}.blog-listing-wrapper .post-card{cursor:pointer;overflow:hidden;position:relative;width:calc(33.33% - 13.33px)}.blog-listing-wrapper .post-card-bg{background-position:50%;background-repeat:no-repeat;background-size:cover;min-height:420px;width:100%;z-index:1}.blog-listing-wrapper .post-card:after{background:#000000b2;content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:all .5s ease;width:100%;z-index:1}.blog-listing-wrapper .post-date{background-color:#434a53;color:#fff;font-size:14px;padding:5px 8px;position:absolute;right:10px;top:-100px;transition:all .5s ease;z-index:5}.blog-listing-wrapper .post-content{bottom:-100%;left:0;opacity:0;padding:0 20px 20px;position:absolute;text-align:center;transition:all .5s ease;width:100%}.blog-listing-wrapper .post-content h3{color:#fff;margin-bottom:10px;position:relative;z-index:2}.blog-listing-wrapper .post-content p{color:#fff;margin-bottom:15px;position:relative;z-index:2}.blog-listing-wrapper .post-read-more{align-items:center;color:#fff;display:flex;justify-content:center;position:relative;z-index:11}.blog-listing-wrapper .post-read-more span{align-items:center;background-color:#fff;border-radius:50%;display:flex;height:28px;justify-content:center;margin-left:8px;transition:all .8s ease;width:28px}.blog-listing-wrapper .post-card:hover:after{opacity:1}.blog-listing-wrapper .post-card:hover .post-date{top:10px}.blog-listing-wrapper .post-card:hover .post-content{bottom:49px;opacity:1;transition:bottom .5s ease}.blog-listing-wrapper .full-click{height:100%;inset:0;position:absolute;width:100%;z-index:2}.blog-listing-wrapper .post-read-more:hover{color:#fff}.blog-listing-wrapper .blog-post-pagination{display:flex;justify-content:center;margin-top:60px;width:100%}.blog-listing-wrapper .blog-post-pagination ul{align-items:center;display:flex;gap:16px;list-style:none;margin:0;padding:0}.blog-listing-wrapper .blog-post-pagination ul li a{align-items:center;background:#fff;border:1px solid #f5f5f5;color:#737373;display:flex;height:40px;justify-content:center;text-decoration:none;transition:all .5s ease;width:40px}.blog-listing-wrapper .blog-pagination-left li a.prev-link,.blog-pagination-right li a.next-link{border:1px solid #434a53!important}.blog-listing-wrapper .blog-post-pagination ul li.active a{background-color:#434a53;color:#fff}.blog-listing-wrapper .blog-post-pagination ul li a:hover{background:#434a53;color:#fff}.blog-listing-wrapper .blog-pagination .prev-link,.blog-pagination .next-link{align-items:center;display:flex;justify-content:center}.blog-listing-wrapper .blog-post-pagination ul li a svg path{transition:all .5s ease}.blog-listing-wrapper .blog-pagination-left,.blog-pagination-center,.blog-pagination-right{align-items:center;display:flex;gap:16px}.blog-listing-wrapper .blog-post-pagination ul li a:hover svg path,.blog-listing-wrapper .blog-post-pagination ul li.active a svg path{fill:#fff}.blog-listing-wrapper .post-content a.post-read-more:hover span{transform:rotate(-30deg)}@media (max-width:991px){.blog-listing-wrapper{padding:172px 0 80px}.blog-listing-wrapper .post-card{width:calc(50% - 10px)}.blog-listing-wrapper .blog-post-pagination{margin-top:60px}.blog-listing-wrapper .headding-content{margin-bottom:80px}}@media (max-width:767px){.blog-listing-wrapper{padding:152px 0 60px}.blog-listing-wrapper .post-card{margin:0 auto;max-width:400px;width:100%}.blog-listing-wrapper .blog-post-pagination{margin-top:50px}.blog-listing-wrapper .headding-content{margin-bottom:40px}}@media (max-width:578px){.blog-listing-wrapper .blog-post-pagination ul li a{background-color:transparent;border:none;height:20px;width:20px}.blog-listing-wrapper .blog-pagination-left li a.prev-link,.blog-pagination-right li a.next-link{border:none!important}.blog-listing-wrapper .blog-post-pagination ul li.active a,.blog-post-pagination ul li a:hover{background-color:transparent;color:#434a53}.blog-listing-wrapper .blog-post-pagination ul li a:hover svg path,.blog-listing-wrapper .blog-post-pagination ul li.active a svg path{fill:#434a53}.blog-listing-wrapper .post-card:hover .post-content{bottom:30px}}@media (max-width:480px){.blog-listing-wrapper .post-card .post-card-bg{min-height:350px}}