.blog-hero{height:400px;display:flex;align-items:center;justify-content:center}.overlay{background-color:rgba(0,0,0,.6);position:absolute;width:100%;height:100%;top:0;left:0}.page-heading-h1{font-size:3rem;margin-bottom:1rem;position:relative;z-index:2}.blog-listing-section{padding:4rem 0;background-color:#f7f7f7}.blog-listing-section .container{padding:0 160px}.blog-list-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1.3rem;gap:1.3rem}.blog-list-grid h3,.blog-list-grid h4{font-weight:600}.blog-imag-detail{width:100%}.blog-card-wrapper{background-color:white;border-radius:20px;overflow:hidden;box-shadow:0 2px 10px rgba(60,60,60,.05);border:1px solid #ccc}.blog-card{height:100%;display:flex;flex-direction:column;justify-content:space-between}.blog-card-image-wrapper{width:100%;aspect-ratio:1.5;position:relative;overflow:hidden}.blog-card-image{width:100%;max-height:100%;object-fit:contain;transition:all .5s ease;display:block}.blog-card-image-wrapper:hover .blog-card-image{transform:scale(1.05);opacity:.9}.blog-card-content-wrapper{align-items:center;padding:.8rem}.blog-card-content{text-align:left;height:100%}.blog-card-content h3{font-size:1.5rem;color:#dc3545}.blog-card-content h3 a{color:inherit;text-decoration:none}.blog-card-excerpt{font-size:1.1rem;color:#212121;font-weight:400;font-style:italic}.blog-content-text{color:#424242;line-height:1.6;margin-bottom:1.5rem}.blog-upload-date{font-size:.9rem;color:#717171;margin-bottom:1rem}.read-more-btn{display:inline-block;padding:.7rem 1.5rem;text-decoration:none;border-radius:5px;transition:background .3s ease}.read-more-btn,.read-more-btn:hover{background:#dc3545;color:#fff}@media (max-width:992px){.blog-listing-section .container{padding:0 80px}}@media (max-width:768px){.blog-hero{height:300px}.page-heading-h1{font-size:2.5rem}.blog-listing-section .container{padding:0 20px;max-width:600px}.blog-list-grid{gap:1.2rem}.blog-card-excerpt{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.blog-card-content h3{font-size:1.4rem}}@media (max-width:576px){.blog-hero{height:250px;margin-top:70px}.page-heading-h1{font-size:2rem}.blog-card{flex-direction:column;gap:.6rem}.blog-card-content-wrapper,.blog-card-image-wrapper{max-width:100%}.blog-card-content,.blog-card-content-wrapper{width:100%;display:block}.blog-list-grid{display:grid;grid-template-columns:repeat(1,1fr);grid-gap:2rem;gap:2rem}.blog-listing-section .container{padding:0 30px}.blog-card-content h3{font-size:1.3rem}}