.NewsBanner{position:relative;display:block;padding:20px 30px;overflow:hidden;background:var(--color-main);border-radius:8px;box-shadow:0 29px 40px -15px #2b2a2b17}.NewsBanner:hover .NewsBanner__title{transform:translateY(-50px)}.NewsBanner:hover .NewsBanner__link{opacity:1;transform:translate(0);transition:opacity .3s ease .3s,transform .3s ease .3s}.NewsBanner__title{padding-top:28px;font-size:22px;font-weight:700;line-height:26px;color:#fff;transition:transform .3s ease}@media screen and (max-width:767px){.NewsBanner__title{padding-top:0}}.NewsBanner__link{position:absolute;bottom:34px;left:30px;display:inline-block;font-size:16px;font-weight:500;line-height:20px;color:#fff;text-decoration:none;border-bottom:1px solid hsla(0,0%,100%,.5);opacity:1;transform:translateY(70px);transition:opacity .3s ease,transform .3s ease}.NewsBanner__icon img{display:block;max-width:100%;margin:0 auto}@media screen and (max-width:767px){.NewsBanner__icon{max-width:140px;margin:0 auto}}.NewsPage{padding-bottom:80px;scroll-margin:var(--scroll-margin)}.NewsPage__list{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-bottom:30px}@media screen and (max-width:1024px){.NewsPage__list{grid-template-columns:1fr 1fr}}@media screen and (max-width:767px){.NewsPage__list{grid-template-columns:1fr}}