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