.blog-listing .header .title-text{color:#f1f1f1;font-family:Lato,Helvetica Neue;font-size:39.6px;font-style:normal;font-weight:700;line-height:1.2;margin:0 0 12px;text-decoration:none;text-transform:none}.blog-listing .header .introduction-text{font-family:Lato,Helvetica Neue;font-style:normal;font-weight:400;text-decoration:none}.blog-listing .blog-grid{display:flex;flex-wrap:wrap;margin-right:-20px}.blog-listing .blog-article{height:560px;margin-bottom:20px;margin-right:20px;width:calc(33.33333% - 20px)}.blog-listing .article{box-shadow:0 0 5px rgba(0,0,0,.1);display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;transition:box-shadow .2s ease}.blog-listing .article:hover{box-shadow:10px}.blog-listing .blog-image{aspect-ratio:16/9;background-color:#666;overflow:hidden;position:relative;width:100%}.blog-listing .blog-image img{height:100%;left:0;margin:0;object-fit:cover;position:absolute;top:0;transition:transform .3s ease;width:100%}.blog-listing .blog-image img:hover{transform:scaleX(1.09) scaleY(1.09) scaleZ(1)}.blog-listing .blog-content{background-color:#fff;flex-grow:1;overflow:hidden;padding:20px}.blog-listing .blog-header{grid-row-gap:4px;align-items:center;color:#333;display:flex;flex-wrap:wrap;font-size:85%;line-height:1.1;margin-bottom:1rem}.blog-listing .blog-summary p{color:#333}.blog-listing .blog-title h2{font-size:17.96px;font-weight:700;line-height:1.6;margin-bottom:0;overflow:hidden}.blog-listing .blog-tags{display:flex;flex-wrap:wrap}.blog-listing .filter-button.active{background:#07426d;color:#fff;font-weight:700}.blog-listing .blog-timestamp{margin-right:5px}.pagination-controls{display:flex;gap:10px;justify-content:center;margin-top:20px}.pagination-controls button{align-items:center;background-color:initial;border:1px solid;border-radius:initial;color:initial;cursor:pointer;height:40px;margin:0 5px;padding:0;transition:all .3s;width:40px}.pagination-controls button.active{border-color:#07426d}.pagination-controls button.active,.pagination-controls button:hover{background-color:#07426d;color:#fff}.blog-listing .header{border-bottom:initial}.filter-section{margin-bottom:2.25rem;margin-top:2.25rem;max-width:calc(33.33333% - 20px);position:relative}.filter-category-header{border-bottom:1px solid #666;cursor:pointer;height:1.875rem;outline:none;padding:0;position:relative;text-align:left}.filter-section-elements{background:#fff;box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);list-style:none;margin:0;max-height:0;opacity:0;overflow:hidden;padding:0;position:absolute;transition:max-height .3s ease,opacity .6s ease;width:100%;z-index:100}.show-filter-dropdown .filter-section-elements{max-height:300px;opacity:1}.filter-section-elements li{cursor:pointer;padding:10px 15px;transition:background-color .3s ease,color .3s ease}.filter-section-elements li:hover{background-color:#07426d;color:#fff}.filter-button{padding:5px}li.filter-button:hover{background-color:#04426e;color:#fff}.show-filter-dropdown .filter-category-header h4{color:#07426d;font-size:.75rem;top:-2rem}@media(max-width:768px){.blog-listing .blog-grid{flex-direction:column;margin-right:0}.blog-listing .blog-article{width:100%}.filter-section{max-width:100%}}