.clear-filter{position:absolute;top:12px;right:20px;min-height:40px;padding:0 8px;background-color:rgba(0,0,0,0);opacity:0;outline:none;scale:0;transition:all 0s .3s ease,opacity .3s ease}@media(min-width: 992px){.clear-filter{top:18px;right:0}}.blogs.blogs-list{display:flex;gap:16px}@media(min-width: 1200px){.blogs.blogs-list{gap:24px}}.blogs.blogs-list .blogs-filter{flex:0 0 228px}@media(max-width: 991px){.blogs.blogs-list .blogs-filter{position:fixed;top:100%;right:0;left:0;z-index:99999999;background:#fff;translate:0 -70px;transition:all .3s ease}.blogs.blogs-list .blogs-filter:before{position:fixed;top:0;left:0;z-index:0;width:100%;height:200vh;background-color:rgba(0,0,0,.5);content:"";opacity:0;translate:0 -50%;scale:0;transition:all 0s .3s,opacity .3s ease}}@media(min-width: 1200px){.blogs.blogs-list .blogs-filter{flex:0 0 300px}}.blogs.blogs-list .blogs-filter-wrapper{position:sticky;top:calc(175px + var(--fixed-header-top))}@media(max-width: 991px){.blogs.blogs-list .blogs-filter-wrapper{background-color:#fff}}.blogs.blogs-list .blogs-filter h2{position:relative;display:flex;align-items:center;height:70px;padding:0 20px;margin:0}@media(min-width: 992px){.blogs.blogs-list .blogs-filter h2{height:auto;padding:0;margin-bottom:24px}}.blogs.blogs-list .blogs-filter h2 i{display:inline-block;margin-right:4px;font-size:24px;line-height:inherit}.blogs.blogs-list .blogs-filter h2 [data-toggle-filter]{position:absolute;top:0;right:0;bottom:0;left:0;display:inline-flex;align-items:center;justify-content:flex-end;padding:20px;color:#001272;background:rgba(0,0,0,0);border:none;border-radius:0;outline:none}@media(min-width: 992px){.blogs.blogs-list .blogs-filter h2 [data-toggle-filter]{display:none}}.blogs.blogs-list .blogs-filter h2 [data-toggle-filter] i{font-size:19px;transition:transform .3s ease}.blogs.blogs-list .blogs-filter h2 [data-toggle-filter]:focus-visible{outline:#007acc dotted 1px;outline-offset:-1px}@media(hover: hover){.blogs.blogs-list .blogs-filter h2 [data-toggle-filter]:hover{background:rgba(0,0,0,0)}}.blogs.blogs-list .blogs-filter .filter-group{position:relative;display:flex;flex-flow:row wrap;gap:10px 8px;padding:24px 20px;border-top:1px solid #bdbdbd}@media(min-width: 992px){.blogs.blogs-list .blogs-filter .filter-group{padding:24px 0}}.blogs.blogs-list .blogs-filter .filter-group h3{flex:0 0 100%;margin-bottom:16px}.blogs.blogs-list .blogs-filter .button-filter.active~.clear-filter{opacity:1;scale:1;transition:opacity .3s ease}@media(max-width: 991px){.blogs.blogs-list .blogs-filter.active{translate:0 -100%}.blogs.blogs-list .blogs-filter.active:before{opacity:1;scale:1;transition:opacity .3s ease}.blogs.blogs-list .blogs-filter.active [data-toggle-filter] i{transform:rotate(180deg)}}.blogs.blogs-list .blogs-content{display:flex;flex-flow:row wrap;gap:32px}@media(min-width: 576px){.blogs.blogs-list .blogs-content{gap:20px}}@media(min-width: 768px){.blogs.blogs-list .blogs-content{display:grid;grid-template-columns:repeat(2, 1fr)}}@media(min-width: 992px){.blogs.blogs-list .blogs-content{gap:16px}}@media(min-width: 1200px){.blogs.blogs-list .blogs-content{gap:20px}}.blogs.blogs-list .blogs-content div[data-empty]{display:none}@media(min-width: 768px){.blogs.blogs-list .blogs-content div[data-empty]{grid-column:span 2}}.blogs.blogs-list .blogs-content div[data-empty] h2{margin-bottom:16px}.blogs.blogs-list .blogs-content div[data-empty] p{line-height:1.5}.blogs.blogs-list .blogs-content div[data-empty].active{display:block}.blogs.blogs-list .item{display:none;border-radius:0}@media(min-width: 576px){.blogs.blogs-list .item{padding:16px;border-radius:16px}}.blogs.blogs-list .item.active{display:block;max-height:none;opacity:1}.blogs.blogs-list .item.inactive{max-height:1px;opacity:0}.blogs.blogs-list .item .image{border-radius:16px}.blogs.blogs-list .item .image img{height:246px}@media(max-width: 575px){.blogs.blogs-list .item .link:before{background:rgba(0,0,0,0) !important}}.blogs.blogs-list .item.featured{display:block;border-radius:16px}@media(min-width: 768px){.blogs.blogs-list .item.featured{display:flex;grid-column:span 2;max-height:412px}}@media(hover: hover){.blogs.blogs-list .item.featured .link:hover~.image,.blogs.blogs-list .item.featured .link:focus-visible~.image,.blogs.blogs-list .item.featured .link:active~.image{border-radius:8px}}@media(hover: hover)and (min-width: 768px){.blogs.blogs-list .item.featured .link:hover~.image,.blogs.blogs-list .item.featured .link:focus-visible~.image,.blogs.blogs-list .item.featured .link:active~.image{border-radius:16px}}@media(hover: hover){.blogs.blogs-list .item.featured .link:hover~.content,.blogs.blogs-list .item.featured .link:focus-visible~.content,.blogs.blogs-list .item.featured .link:active~.content{background-color:rgba(0,0,0,0)}}.blogs.blogs-list .item.featured .image{height:300px;border-radius:16px 16px 0 0}@media(min-width: 768px){.blogs.blogs-list .item.featured .image{flex:0 0 326px;max-width:326px;height:100%;min-height:380px;border-radius:16px 0 0 16px}}@media(min-width: 1200px){.blogs.blogs-list .item.featured .image{flex:0 0 366px;max-width:366px}}.blogs.blogs-list .item.featured .image img{width:100%;height:100%}@media(min-width: 576px)and (hover: hover){.blogs.blogs-list .item.featured:hover~.image,.blogs.blogs-list .item.featured:focus-visible~.image,.blogs.blogs-list .item.featured:active~.image{border-radius:16px}}@media(min-width: 576px)and (hover: hover)and (min-width: 768px){.blogs.blogs-list .item.featured:hover~.image,.blogs.blogs-list .item.featured:focus-visible~.image,.blogs.blogs-list .item.featured:active~.image{border-radius:16px}}.blogs.blogs-list .item.featured .content{padding:20px;background-color:#f5f5f5;border-radius:0 0 16px 16px;transition:all .3s ease}@media(min-width: 768px){.blogs.blogs-list .item.featured .content{padding:48px 20px;border-radius:0 16px 16px 0}}.blogs.blogs-list .item.featured .content ul{margin-top:0}.blogs.blogs-list .scroll-top{position:sticky;bottom:70px;z-index:99;grid-column:span 2;flex:1;height:1px}@media(min-width: 992px){.blogs.blogs-list .scroll-top{bottom:0}}.blogs.blogs-list .scroll-top>div{float:right;padding-bottom:20px;translate:0 -100%}.blogs.blogs-list .button-floating{opacity:1;transition:all .3s ease}.blogs.blogs-list .button-floating:not(.active){opacity:0;z-index:-1}.blogs.blogs-list .button-floating i{display:inline-block;rotate:270deg;font-size:24px}
