@keyframes rotating{100%{transform:rotate(360deg)}}:root{--header-background-color: rgb(78, 114, 231)}.filter-container{display:flex;flex-wrap:wrap;margin:0 -0.5rem 3rem -0.5rem}.filter-container .filter-box{padding:0 .5rem 1rem .5rem}.filter-item{display:inline-block;padding:.5rem 1rem;border-radius:6px;background:var(--main-color, #0575D6);color:var(--base-white, #fff);text-decoration:none}.filter-item.active{background:var(--second-color, #082645)}.filter-item:focus,.filter-item:hover{color:var(--base-white, #fff);text-decoration:none;background:var(--second-color, #082645)}.blog-container{display:grid;grid-gap:4rem;grid-template-columns:repeat(1, 1fr)}@media(min-width: 575px){.blog-container{grid-template-columns:repeat(2, 1fr)}}@media(min-width: 992px){.blog-container{grid-template-columns:repeat(3, 1fr)}}.blog-item{border:1px solid var(--color-line, #CED4DA);color:var(--text-color, #161617);text-decoration:none;transition:300ms;border-radius:6px;overflow:hidden}.blog-item .blog-item-image{position:relative;overflow:hidden}.blog-item .blog-item-image:after{content:"";width:100%;display:block;padding-top:56.25%}.blog-item img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;z-index:11;transition:300ms}.blog-item .blog-item-labels{position:absolute;top:1.6rem;right:1.6rem;display:flex;flex-wrap:wrap;gap:.5rem;z-index:22}.blog-item .label-item{display:inline-block;padding:.5rem 1rem;border-radius:6px;background:var(--main-color, #0575D6);color:var(--base-white, #fff);text-decoration:none}.blog-item .blog-item-content{padding:clamp(1.6rem, 1.3245033113vw, 2rem)}.blog-item .blog-item-date{color:var(--base-grey-hover, #6E757D);font-size:1.4rem;line-height:clamp(2rem, 1.5894039735vw, 2.4rem);padding:0 0 1.6rem 0}.blog-item h2{margin:0;font-size:clamp(1.6rem, 1.3245033113vw, 2rem);line-height:clamp(2rem, 1.5894039735vw, 2.4rem);transition:300ms}.blog-item:focus,.blog-item:hover{text-decoration:none;color:var(--text-color, #161617);border-color:var(--main-color, #0575D6)}.blog-item:focus h2,.blog-item:hover h2{color:var(--main-color, #0575D6)}.blog-item:focus img,.blog-item:hover img{transform:scale(1.05, 1.05)}