.blog-banner .blog-b{border-top:1px solid #dbecff26}.blog-banner .blog-b .blog-banner__inner{border-left:1px solid #dbecff26;border-right:1px solid #dbecff26}.blog-banner .blog-banner__inner{padding:48px}.blog-banner .blog-banner__inner h5{color:#38e8cb;font-size:20px;font-weight:500;letter-spacing:-1px;line-height:100%;margin-bottom:16px}.blog-banner .blog-banner__inner h1{background:linear-gradient(93.12deg,hsla(0,0%,100%,.64) 2.22%,#fff 25.82%);-webkit-background-clip:text;font-size:64px;font-weight:700;letter-spacing:-1.8px;line-height:64px;margin-bottom:48px;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.blog-banner__filters{display:flex;flex-wrap:wrap;gap:8px}.blog-banner__btn{background-color:transparent;border:1px solid #3a3f4a;border-radius:4px;color:#c8cdd6;display:inline-block;font-size:14px;padding:8px 16px;text-decoration:none;transition:background-color .2s,color .2s,border-color .2s}.blog-banner__btn:hover{background-color:#1e2330;border-color:#5a6070;color:#fff}.blog-banner__btn--active{background-color:#00c4a7;border-color:#00c4a7;color:#0d1117;font-weight:600}@media screen and (max-width:767px){.blog-banner .blog-banner__inner{padding:48px 20px}.blog-banner .blog-banner__inner h1.blog-banner__title{font-size:38px;line-height:120%;margin-bottom:40px}.blog-banner .blog-banner__inner h1{font-size:40px;line-height:normal;margin-bottom:30px}}@media (min-width:768px) and (max-width:1240px){.blog-banner .blog-banner__inner h1{font-size:44px;line-height:normal;margin-bottom:35px}.blog-banner .blog-banner__inner{padding:48px 24px 28px}}