@keyframes rotating{100%{transform:rotate(360deg)}}:root{--header-background-color: rgb(78, 114, 231)}.filter-container{display:flex;gap:3rem;flex-wrap:wrap;margin:0 0 4rem 0}.filter-item{display:inline-block;padding:.5rem 1rem;border-radius:100px;background:var(--second-color, #36671A);color:var(--base-white, #fff);text-decoration:none;font-weight:400;font-size:1.4rem;line-height:1.8rem}.filter-item.active{background:var(--main-color, #84BC26)}.filter-item:focus,.filter-item:hover{color:var(--base-white, #fff);text-decoration:none;background:var(--main-color, #84BC26)}.blog-container{display:grid;grid-gap:clamp(2rem,2.2099447514vw,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(4, 1fr)}}.blog-item{color:var(--text-color, #000);text-decoration:none;transition:300ms;border-radius:2rem;background-color:var(--base-grey, #F9F9F9);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:clamp(1.5rem,1.1049723757vw,2rem);right:clamp(1.5rem,1.1049723757vw,2rem);display:flex;flex-wrap:wrap;z-index:22}.blog-item .label-item{background:rgba(32,86,0,.9);color:var(--base-white, #fff);display:inline-block;padding:.5rem 1rem;border-radius:100px;font-weight:400;font-size:1.4rem;line-height:1.8rem}.blog-item .blog-item-content{padding:clamp(1.5rem,1.1049723757vw,2rem);font-weight:400}.blog-item .blog-item-date{font-size:1.6rem;padding:0 0 1.5rem 0}.blog-item .blog-detail-perex{overflow:hidden;display:-webkit-box;-webkit-line-clamp:5;line-clamp:5;-webkit-box-orient:vertical}.blog-item h2{margin:0 0 1.5rem 0;transition:300ms;color:#5a8f00;font-size:clamp(1.8rem,1.3259668508vw,2.4rem);text-transform:uppercase;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.blog-item:focus,.blog-item:hover{text-decoration:none;color:var(--text-color, #000);border-color:var(--main-color, #84BC26);background-color:#f4fbe9}.blog-item:focus h2,.blog-item:hover h2{color:#5a8f00;text-decoration:underline}.blog-item:focus img,.blog-item:hover img{transform:scale(1.05, 1.05)}