.product__update__hero__section__container{background:#fafafa;padding-top:var(--header-height)}.product__update__hero__section__container .hero__container{border-radius:.5rem;display:flex;flex-direction:column;gap:1rem;margin:auto;max-width:1000px}.product__update__hero__section__container .text-content{display:flex;flex-direction:column;gap:3rem;justify-content:space-between;padding:6rem 0}.product__update__hero__section__container .tags{display:flex;gap:8px}.product__update__hero__section__container .tags .tag{background:#eee;transition:.1s linear}.product__update__hero__section__container .tags .tag:hover{background:var(--secondary-color);color:#fff}.product__update__hero__section__container .publish-date{text-align:center}.product__update__hero__section__container .title{color:#333;font-family:Poppins;font-size:36px;font-weight:500;text-align:center}.product__update__hero__section__container .author{align-items:center;display:flex;gap:1rem;justify-content:center}.product__update__hero__section__container .author .author-avatar{background-color:#ccc;border-radius:50%;height:55px;object-fit:cover;width:55px}.product__update__hero__section__container .product__update__hero__section__container .author-info{display:flex;flex-direction:column}.product__update__hero__section__container .author-name{color:#333;font-weight:500;text-decoration:underline}.product__update__hero__section__container .author-role{font-size:14px}.product__update__hero__section__container .cover-image{align-items:center;display:flex;justify-content:center;overflow:hidden}.product__update__hero__section__container .cover-image img{height:100%;object-fit:cover;width:100%}.product__update__hero__section__container .reading-time{color:#000;display:flex;font-size:14px;margin-bottom:8px}@media (max-width:768px){.product__update__hero__section__container .hero__container{display:flex;flex-direction:column-reverse;height:auto}.product__update__hero__section__container .title{font-size:24px;text-align:left}.product__update__hero__section__container .author-name,.product__update__hero__section__container .author-role,.product__update__hero__section__container .publish-date,.product__update__hero__section__container .title{text-align:left}.product__update__hero__section__container .text-content{gap:2rem;padding:2rem 0;text-align:left}.product__update__hero__section__container .text-content div:first-of-type{justify-content:left}}