.blog-listing-sec{display:inline-block;padding:60px 0;width:100%}.blog-listing-sec .heading{display:inline-block;text-align:center;width:100%}.blog-listing-sec .heading span.top-title{color:#4e888e;display:block;font-size:20px;font-weight:600;margin:0 0 15px;text-transform:uppercase;width:100%}.blog-listing-sec .heading h2{margin:0 0 50px;text-transform:capitalize}.blog-listing-sec .blog-inner{display:grid;gap:20px;grid-template-columns:repeat(3,1fr);width:100%}.blog-listing-sec .blog-inner .col{border:1px solid #ccc;border-bottom-left-radius:6px;border-bottom-right-radius:6px;display:inline-block;position:relative;width:100%;z-index:1}.blog-listing-sec .blog-inner .col .image{display:inline-block;line-height:0;position:relative;transition:all .5s;vertical-align:top;width:100%;z-index:1}.blog-listing-sec .blog-inner .col .image img{height:300px;object-fit:cover;object-position:center;width:100%}.blog-listing-sec .blog-inner .content-wrapper{display:inline-block;padding:30px 15px;width:100%}.blog-listing-sec .blog-inner .content-wrapper .title a h3{font-size:18px;line-height:28px}.blog-listing-sec .blog-inner .col .cta a{border-radius:38px;margin:15px 0 0;padding:6px 20px;text-transform:capitalize}.blog-listing-sec .blog-inner .col .image:before{background:#000;bottom:0;content:"";display:block;height:100%;left:0;opacity:0;position:absolute;right:0;top:0;transition:all .5s;width:100%}.blog-listing-sec .blog-inner .col .image:hover:before{opacity:.5}@media(max-width:1199px){.blog-listing-sec .heading h2{margin:0 0 40px}}@media(max-width:991px){.blog-listing-sec{padding:50px 0}.blog-listing-sec .heading h2{margin:0 0 30px}.blog-listing-sec .blog-inner{gap:30px;grid-template-columns:repeat(1,1fr)}}@media(max-width:767px){.blog-listing-sec{padding:40px 0}}