.blogs-hero-section{object-fit:contain;background-image:url(/images/blogs.jpg);background-position:50%;background-size:cover;justify-content:center;align-items:center;height:300px;display:flex;position:relative}.blogs-hero-section .hero-overlay{color:#fff;background-color:#00000080;flex-direction:column;justify-content:center;align-items:center;font-family:Poppins,sans-serif;display:flex;position:absolute;inset:0}.blogs-hero-section .hero-overlay .hero-title{text-align:center;font-size:3rem;font-weight:700}.blogs-hero-section .hero-overlay .hero-description{margin-bottom:1rem;font-size:1.5rem}.blogs-hero-section .hero-overlay .search-bar{background-color:#0000;border:1px solid #fff;border-radius:.5rem;outline:none;width:80%;max-width:500px;padding:1rem;font-size:1rem;transition:box-shadow .3s ease-in-out;box-shadow:0 2px 4px #0000001a}.blogs-hero-section .hero-overlay .search-bar:focus{box-shadow:0 4px 8px #0003}.blogs-container{background-color:#fff;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;padding:1.5rem;display:grid}.blog-card{background:#fff;border:1px solid #e0e0e0;border-radius:.5rem;flex-direction:column;transition:transform .3s ease-in-out;display:flex;overflow:hidden;box-shadow:0 2px 4px #0000001a}.blog-card:hover{transform:translateY(-5px);box-shadow:0 4px 8px #0003}.blog-card .image-wrapper{position:relative;overflow:hidden}.blog-card .image-wrapper .blog-image{object-fit:cover;border-bottom:1px solid #e0e0e0;width:100%;height:200px}.blog-card .image-wrapper .blog-date{color:#fff;background:#6b8e23;border-radius:.5rem;padding:.5rem 1rem;font-family:Poppins,sans-serif;font-size:.875rem;font-weight:500;position:absolute;top:1rem;right:1rem;box-shadow:0 2px 4px #0000001a}.blog-card .blog-content{padding:1rem}.blog-card .blog-content .blog-title{color:#333;margin-bottom:.5rem;font-family:Poppins,sans-serif;font-size:1.25rem;font-weight:700}.blog-card .blog-content .blog-author{color:#6c757d;margin-bottom:.5rem;font-family:Roboto,sans-serif;font-size:.875rem}.blog-card .blog-content .blog-snippet{color:#333;margin-bottom:1rem;font-size:1rem;line-height:1.5}.blog-card .blog-content .read-more-btn{color:#fff;cursor:pointer;text-transform:uppercase;background-color:#6b8e23;border:none;border-radius:.5rem;padding:.5rem 1.5rem;font-family:Roboto,sans-serif;font-size:.875rem;font-weight:500;transition:all .3s ease-in-out;display:inline-block}.blog-card .blog-content .read-more-btn:hover{background-color:#d62839}