.blog-card{position:relative;display:flex;flex-direction:column;gap:30px;min-width:0;overflow:hidden;border-radius:10px}.blog-card__link{position:absolute;inset:0;z-index:1}.blog-card__media{display:block;flex:0 0 auto;border-radius:10px;width:100%;aspect-ratio:16/9;overflow:hidden;line-height:0}.blog-card__media img{display:block;width:100%;height:100%;object-fit:cover}.blog-card__content{display:flex;flex-direction:column;align-items:flex-start;gap:20px;min-width:0}.blog-card__title{margin:0;color:#000;font-size:18px;font-weight:600;line-height:1.2}.blog-card__description{margin:0;color:#000;font-size:14px;font-weight:300;line-height:1.3;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical}.blog-card__date{color:#777;font-size:10px;font-weight:600;line-height:1.85;text-transform:uppercase;letter-spacing:1px}.blog-page{padding-top:180px}.blog-page :nth-child(1 of.blog-content-feed){margin-top:120px}.blog-page :nth-child(1 of.blog-content-feed):before{content:"";position:absolute;bottom:100%;left:0;width:100%;height:120px;background-image:linear-gradient(0turn,var(--blog-color, #f6fce8) 0%,rgb(255,255,255) 100%);background-repeat:no-repeat;background-size:cover;pointer-events:none}.blog-page :nth-last-child(1 of.blog-content-feed){margin-bottom:150px}.blog-page :nth-last-child(1 of.blog-content-feed):after{content:"";position:absolute;top:100%;left:0;width:100%;height:150px;background-image:linear-gradient(.5turn,var(--blog-color, #f6fce8) 0%,rgb(255,255,255) 100%);background-repeat:no-repeat;background-size:cover;pointer-events:none}@media(max-width:480px){.blog-page{margin-bottom:178px}.blog-page :nth-child(1 of.blog-content-feed){margin-top:60px}.blog-page :nth-child(1 of.blog-content-feed):before{height:60px}}.blog-content-feed{margin-block:0 135px;background-color:var(--blog-color, #f6fce8);position:relative}.blog-content-feed__title{font-size:30px;line-height:1.23;font-weight:600;margin-bottom:35px}.blog-content-feed__wrap-filter{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:50px}.blog-content-feed__wrap-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:50px 40px}@media(max-width:960px){.blog-content-feed__wrap-grid{grid-template-columns:1fr;gap:20px}}@media(max-width:640px){.blog-content-feed__wrap-filter{gap:10px 5px}}@media(max-width:480px){.blog-content-feed{padding-bottom:90px}.blog-content-feed__title{font-size:20px}}.pagination{display:flex;flex-wrap:wrap;gap:2px 10px;border-top:1px solid rgba(0,0,0,.2);width:calc(100% + 20px);padding:21px 0 0;margin:0 -10px}.pagination__item{display:flex;justify-content:center;align-items:center;font-size:16px;line-height:1;font-weight:700;background-color:transparent;border:0;min-width:30px;height:30px;padding:0;cursor:pointer}.pagination__item--active{color:gray}.pagination__arrow,.pagination__dots{display:flex;align-items:center;justify-content:center;flex:0 0 30px;width:30px;height:30px}.pagination__arrow{padding:0;border:0;background-color:transparent;display:flex;width:40px;height:40px;justify-content:center;cursor:pointer;flex-shrink:0}.pagination__arrow:disabled{color:#d1d1d1;cursor:default}.pagination__arrow--prev{transform:rotate(180deg)}.pagination__dots{font-size:14px;font-weight:500;line-height:20px;display:flex;width:40px;height:40px;justify-content:center}.not-found .pagination,.no-pagination .pagination{display:none}.pagination--blog{padding-block:24px 32px;border:none;column-gap:8px}.pagination--blog .pagination__item{display:flex;width:40px;height:40px;justify-content:center;border-radius:50%;font-size:18px;font-weight:500;line-height:22px;color:#454545;transition:backgroun-color .3s ease,color .3s ease}@media not all and (pointer:coarse){.pagination--blog .pagination__item:hover{color:#9dc72c}}.pagination--blog .pagination__item--active{color:#454545;background-color:#a9db21;pointer-events:none}@media(max-width:480px){.pagination--blog{gap:6px}.pagination--blog .pagination__item{width:32px;height:32px;font-size:14px;font-weight:500;line-height:20px}.pagination--blog .pagination__arrow{width:32px;height:32px}.pagination--blog .pagination__arrow .icon{font-size:10px}}