.blog-related-wrapper{padding:50px 0 100px}.blog-related-wrapper .headding-content{margin-bottom:40px;text-align:center}.blog-related-wrapper .headding-content h3{font-family:Gilroy Regular,Sans-Serif;margin-bottom:10px;margin-top:0}.blog-related-wrapper .blog-related-container{margin:0 auto;max-width:1140px}.blog-related-wrapper .blog-listing-card-wrap{display:flex;flex-wrap:wrap;gap:20px}.blog-related-wrapper .post-card{cursor:pointer;overflow:hidden;position:relative;width:calc(33.33% - 13.33px)}.blog-related-wrapper .post-card-bg{background-position:50%;background-repeat:no-repeat;background-size:cover;min-height:420px;width:100%;z-index:1}.blog-related-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-related-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-related-wrapper .post-content{bottom:-100%;left:0;opacity:0;padding:0 20px 20px;position:absolute;text-align:center;transition:all .8s ease}.blog-related-wrapper .post-content h3{color:#fff;margin-bottom:10px;position:relative;z-index:2}.blog-related-wrapper .post-content p{color:#fff;margin-bottom:15px;position:relative;z-index:2}.blog-related-wrapper .post-read-more{align-items:center;color:#fff;display:flex;justify-content:center;position:relative;z-index:11}.blog-related-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 .5s ease;width:28px}.blog-related-wrapper .post-card:hover:after{opacity:1}.blog-related-wrapper .post-card:hover .post-date{top:10px}.blog-related-wrapper .post-card:hover .post-content{bottom:49px;opacity:1;transition:bottom .8s ease}.blog-related-wrapper .full-click{height:100%;inset:0;position:absolute;width:100%;z-index:2}.blog-related-wrapper .post-read-more:hover{color:#fff}.blog-related-wrapper .post-content a.post-read-more:hover span{transform:rotate(-30deg)}.blog-related-wrapper .post-card:nth-child(4){display:none}.blog-related-wrapper .headding-content p{margin-bottom:10px}@media (max-width:991px){.blog-related-wrapper{padding:40px 0 80px}.blog-related-wrapper .post-card{width:calc(50% - 10px)}.blog-related-wrapper .headding-content{margin-bottom:80px}}@media (max-width:767px){.blog-related-wrapper{padding:30px 0 60px}.blog-related-wrapper .post-card{margin:0 auto;max-width:400px;width:100%}.blog-related-wrapper .headding-content{margin-bottom:40px}}@media (max-width:578px){.blog-related-wrapper .post-card:hover .post-content{bottom:30px}}@media (max-width:480px){.blog-related-wrapper .post-card .post-card-bg{min-height:350px}}