.blog-banner{background:linear-gradient(var(--primary-color) 0,var(--secondary-color) 100%);margin-bottom:130px;padding-block:50px;position:relative;width:100%}.blog-banner__container{margin:0 auto;max-width:1280px;position:relative;width:100%}.blog-banner__title{color:#fff;font-size:55px;font-weight:700;margin-bottom:2rem;position:relative;text-align:center}.blog-banner__section{display:grid;gap:22px;grid-template-columns:repeat(auto-fill,minmax(min(450px,100%),1fr));margin-bottom:-130px;padding-inline:16px;position:relative}.blog-banner__section-img{background:linear-gradient(var(--primary-color) 0,var(--secondary-color) 100%);border-radius:18px;box-shadow:0 13px 99px rgba(0,0,0,.16);line-height:0;position:relative;width:100%}.blog-banner__section-img img{border-radius:18px;height:100%;object-fit:cover;width:100%}.blog-banner__section-item{background-color:#fff;border-radius:18px;box-shadow:0 13px 99px rgba(0,0,0,.16);display:flex;flex-direction:column;justify-content:space-between;padding:30px 40px;position:relative}.blog-banner__section-item .topic{background-color:var(--accent-color);border-radius:8px;color:#fff;font-size:12px;font-weight:700;letter-spacing:.3px;margin-bottom:17px;padding:5px 10px;width:fit-content}.blog-banner__section-item .title{color:var(--text-color);font-size:34px;font-weight:900}.blog-banner__section-item .content{color:#707070}.blog-banner__section-item .footer{color:var(--text-color);font-size:14px;font-weight:700;letter-spacing:.1em;margin-top:35px}.blog-banner__section:hover .title{color:var(--accent-color)}.blog-banner__section-link{height:100%;left:0;position:absolute;top:0;width:100%}