.news-container{width:100%;display:flex;justify-content:center}.news-container .news-page{padding:60px 0 120px;width:1218px;display:flex;flex-direction:column;gap:60px}.news-container .news-page .header{font-weight:700;font-size:32px;line-height:130%;text-align:center}.news-container .news-page .button-container{display:flex;justify-content:center}.news-container .news-page .news-list{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}@media screen and (width >= 1000px)and (width < 1280px){.news-container .news-page .news-list{row-gap:42px;column-gap:20px}}@media screen and (width >= 768px)and (width < 1000px){.news-container .news-page .news-list{grid-template-columns:repeat(2,1fr);row-gap:44px;column-gap:20px}}@media screen and (width >= 480px)and (width < 768px){.news-container .news-page .news-list{grid-template-columns:repeat(2,1fr);row-gap:44px;column-gap:20px}}@media screen and (width < 480px){.news-container .news-page .news-list{grid-template-columns:1fr;row-gap:40px}}@media screen and (width >= 1000px)and (width < 1280px){.news-container .news-page{width:856px;gap:50px;padding:60px 0}}@media screen and (width >= 768px)and (width < 1000px){.news-container .news-page{width:632px;gap:40px;padding:60px 0}}@media screen and (width >= 480px)and (width < 768px){.news-container .news-page{width:432px;gap:40px;padding:60px 0}.news-container .news-page .header{font-weight:700;font-size:24px;line-height:130%}}@media screen and (width < 480px){.news-container .news-page{width:312px;gap:40px;padding:60px 0}.news-container .news-page .header{font-weight:700;font-size:24px;line-height:130%}}.news-container .categories{height:30px;display:flex;gap:10px;justify-content:center}.news-container .categories .category{position:relative;padding:0 15px;font-weight:300;font-size:16px;line-height:160%;color:#707070;display:flex;align-content:flex-start}.news-container .categories .category:hover:not(.active){cursor:pointer;font-weight:300;font-size:16px;line-height:160%;color:#1c1c1c}.news-container .categories .category.active{color:#1c1c1c;font-weight:500;font-size:16px;line-height:130%}.news-container .categories .category.active:after{content:"";display:block;position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:calc(100% - 30px);height:4px;background:#1c1c1c;border-radius:50px;color:#1c1c1c}@keyframes opacity-animation{0%{opacity:0}50%{opacity:.5}to{opacity:1}}.extended-news{display:flex;flex-direction:column;flex-shrink:0}@media screen and (width < 480px){.extended-news{display:flex;gap:20px}}@media screen and (width >= 480px)and (width < 768px){.extended-news{display:flex;gap:20px}}@media screen and (width >= 768px)and (width < 1000px){.extended-news{display:flex;gap:20px}}.extended-news{animation:opacity-animation .4s ease-in;max-width:386px}@media screen and (width < 480px){.extended-news{max-width:312px}}@media screen and (width >= 480px)and (width < 768px){.extended-news{max-width:206px}}@media screen and (width >= 768px)and (width < 1000px){.extended-news{max-width:307px}}@media screen and (width >= 1000px)and (width < 1280px){.extended-news{max-width:272px}}.extended-news__image{width:386px;height:240px}@media screen and (width < 480px){.extended-news__image{width:312px;height:193px}}@media screen and (width >= 480px)and (width < 768px){.extended-news__image{width:206px;height:120px}}@media screen and (width >= 768px)and (width < 1000px){.extended-news__image{width:307px;height:180px}}@media screen and (width >= 1000px)and (width < 1280px){.extended-news__image{width:272px;height:169px}}.extended-news__image img{width:100%;height:100%}.extended-news__date{font-weight:300;font-size:14px;line-height:160%;color:#949494;margin-top:30px}@media screen and (width < 480px){.extended-news__date{color:#707070;margin:0}}@media screen and (width >= 480px)and (width < 768px){.extended-news__date{color:#707070;margin:0}}@media screen and (width >= 768px)and (width < 1000px){.extended-news__date{margin:0}}.extended-news__description{font-weight:500;font-size:18px;line-height:130%;color:#1c1c1c;margin-top:20px}@media screen and (width < 480px){.extended-news__description{font-weight:500;font-size:14px;line-height:160%;margin:0}}@media screen and (width >= 480px)and (width < 768px){.extended-news__description{font-weight:500;font-size:16px;line-height:130%;margin:0}}@media screen and (width >= 768px)and (width < 1000px){.extended-news__description{margin:0}}.extended-news:hover .extended-news__date{color:#1c1c1c}.extended-news:hover .extended-news__description{color:#03a39b}