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