.blogListHeaderContainer{border:2px solid #e4e4e4;padding:10px;margin:10px 10px 50px}.blogListHeader{background-image:url(https://res.cloudinary.com/usn1yap2/image/upload/v1787230549/pod_assets/pattern_bg.png);background-size:cover;background-color:#eee;display:flex;flex-direction:column;justify-content:center;padding-left:140px;gap:15px;height:440px}.blogListHeader h2{font-size:60px;font-weight:700;text-transform:uppercase}.blogListHeaderCategories{display:flex;flex-wrap:wrap;gap:15px}.blogListHeaderCategories p{font-size:16px;font-weight:600;position:relative;cursor:pointer}.blogListHeaderCategories p:after{content:"";position:absolute;left:0;bottom:-5px;width:0;border-bottom:2px solid #000;transition:width .2s ease}.blogListHeaderCategories p.activeCategory:after,.blogListHeaderCategories p:hover:after{width:60%}.blogPostListContainer{padding:0 160px;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:30px;gap:30px;grid-row-gap:50px}.blogPost{display:flex;flex-direction:column;gap:20px}.blogPostThumb img{width:100%;height:100%}.blogPostContent{display:flex;flex-direction:column;gap:10px}.blogPostContentDate{display:flex;gap:30px}.blogPostContentDate p{font-size:14px;color:#767676;text-transform:uppercase}.blogPostContentHeading a{text-decoration:none;color:#000;font-size:18px}.blogPostContentDescription p{font-size:14px;margin-top:10px}.blogPostContentReadMore a{text-decoration:none;font-size:14px;text-transform:uppercase;color:#000;font-weight:500;position:relative}.blogPostContentReadMore a:after{content:"";position:absolute;left:0;bottom:-5px;width:70%;border-bottom:2px solid #000;transition:width .2s ease}.blogPostContentReadMore a:hover:after{width:100%}.blogListShowMore{text-align:center;font-size:14px;font-weight:500;text-transform:uppercase;margin-top:60px;cursor:pointer}@media screen and (max-width:1210px){.blogPostListContainer{padding:0 60px;grid-template-columns:repeat(2,1fr)}.blogListHeader{padding-left:40px}}@media screen and (max-width:450px){.blogListHeaderContainer{margin-bottom:20px}.blogListHeader{height:240px;padding-left:35px}.blogPostListContainer{padding:0 15px;grid-template-columns:repeat(1,1fr)}.blogListHeader h2{font-size:37px}}