@charset "UTF-8";.blog .blog-header{width:100%;height:351px;display:flex;align-items:center;justify-content:center;background-color:#f5f5f5}.blog .blog-header .blog-title{display:block!important;text-align:left;font-size:4rem;font-weight:700;color:#333;width:80%;max-width:1450px}@media (max-width: 992px){.blog .blog-header{height:300px}.blog .blog-header .blog-title{font-size:3.2rem}}@media (max-width: 768px){.blog .blog-header{height:200px}.blog .blog-header .blog-title{font-size:2.5rem}}@media (max-width: 576px){.blog .blog-header{height:120px}.blog .blog-header .blog-title{font-size:1.8rem}}.blog .blog-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}@media (max-width: 1024px){.blog .blog-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.blog .blog-grid{grid-template-columns:1fr}}.blog .blog-grid .paginated-list{display:contents}.blog .blog-grid .load-previous,.blog .blog-grid .load-next{grid-column:1/-1}.blog .blog-grid .blog-article{position:relative;background-color:#ecedee;padding:1rem;margin:.5rem;display:flex;align-items:center;justify-content:center;flex-direction:column;border-radius:16px;transition:box-shadow .3s ease-in-out,transform .3s ease-in-out}.blog .blog-grid .blog-article a{text-decoration:none;color:inherit;display:block;width:100%}.blog .blog-grid .blog-article .blog-article-image{margin-bottom:.75rem}.blog .blog-grid .blog-article .blog-article-image img{width:100%;height:auto;border-radius:4px;display:block}.blog .blog-grid .blog-article .article-title{text-transform:capitalize;font-size:1.2rem;font-weight:500;margin:1rem auto}.blog .blog-grid .blog-article .author-name,.blog .blog-grid .blog-article .published-at{font-size:.75rem;color:#777}.blog .blog-grid .blog-article .excerpt{opacity:0;max-height:0;overflow:hidden;transition:opacity .4s ease-in-out,max-height .4s ease-in-out;font-size:.9rem;color:#444;margin-top:.5rem}.blog .blog-grid .blog-article:hover{box-shadow:0 10px 20px #00000026;transform:translateY(-5px)}.blog .blog-grid .blog-article:hover .excerpt{opacity:1;max-height:200px}