.blog-listing-topic{display:grid;gap:24px 48px;grid-template-columns:repeat(auto-fill,minmax(min(357px,100%),1fr));position:relative;width:100%}.blog-listing-topic__item{background:#fff;border-radius:12px;cursor:pointer;position:relative;transition:all .3s ease;user-select:none;width:100%}.blog-listing-topic__item:hover{box-shadow:0 3px 60px rgba(0,0,0,.16)}.blog-listing-topic__item:hover .blog-listing__item-img img{transform:scale(1.2)}.blog-listing-topic__item-img{border-radius:12px 12px 0 0;line-height:0;margin:0;overflow:hidden;position:relative;width:100%}.blog-listing-topic__item-img img{height:100%;max-height:200px;object-fit:cover;position:relative;transition:all .3s ease;width:100%}.blog-listing-topic__item-img .topic-date{color:#fff;font-size:14px;font-weight:700;letter-spacing:.1em;line-height:1;margin:0}.blog-listing-topic__item-img .topic-date__container{background:linear-gradient(transparent,#222f40);bottom:0;display:flex;flex-direction:column;height:77px;justify-content:end;left:0;padding:20px;position:absolute;width:100%}.blog-listing-topic__item-img .topic-date .topic{position:relative}.blog-listing-topic__item-img .topic-date .date{position:relative;white-space:nowrap}.blog-listing-topic__item-link{height:100%;left:0;position:absolute;top:0;width:100%}.blog-listing-topic__item-content{display:flex;flex-direction:column;height:calc(100% - 200px);justify-content:space-between;padding:15px 20px 20px;position:relative}.blog-listing-topic__item-content .title{color:var(--primary-color);font-size:20px;font-weight:900;position:relative}.blog-listing-topic__item-content .extract{color:#707070;margin:0;position:relative}