main{padding-top:8rem}.blog_detail_hero{grid-template-columns:1fr;align-items:flex-start;gap:2rem;display:grid}.blog_detail_hero .sub_infos{flex-wrap:wrap;gap:3rem;padding-block:2rem;padding-inline:2rem;position:relative}.blog_detail_hero .sub_infos .flex{gap:.35rem}.blog_detail_hero .sub_infos button{background-color:inherit;border:none}.blog_detail_hero .sub_infos button.like{color:var(--main-color)}.blog_detail_hero .sub_infos button.like svg{fill:var(--main-color)}.blog_detail_hero .sub_infos .badge{border-radius:20px;position:absolute;top:-14px;right:1rem;box-shadow:1px 1px 4px #00000054}@media screen and (width<=450px){.blog_detail_hero .sub_infos{gap:2rem;padding-inline:1rem}}.blog_detail_hero .badge{text-align:center;background-color:var(--secondary);width:max-content;color:var(--white);z-index:10;border-radius:8px;padding:.5rem 1.25rem}.blog_detail_hero .detail_hero{height:400px;max-height:400px;position:relative;overflow:hidden}@media screen and (width<=550px){.blog_detail_hero .detail_hero{height:500px;max-height:500px}}.blog_detail_hero .detail_hero img{object-fit:cover;width:100%;height:100%}.blog_detail_hero .detail_hero div{color:var(--white);z-index:4;max-width:780px;padding:2rem;position:absolute;inset:0}@media screen and (width<=450px){.blog_detail_hero .detail_hero div{padding:1rem}.blog_detail_hero .detail_hero div h1{font-size:1.65rem}}.blog_detail_hero .detail_hero:after{content:"";opacity:.5;z-index:1;background:linear-gradient(#fff,#000);position:absolute;inset:0}.blog_detail_hero .profil{gap:.75rem;padding-inline:2rem}.blog_detail_hero .profil .profil_pic{aspect-ratio:1;background-color:var(--main-color);width:50px;color:var(--white);border-radius:100%;justify-content:center;align-items:center;display:flex;overflow:hidden}.blog_detail_hero .profil .profil_pic img{object-fit:cover;width:100%;height:100%}@media screen and (width<=450px){.blog_detail_hero .profil{padding-inline:.75rem}}.blog_detail_hero .article_content{width:100%;padding:2rem}.blog_detail_hero .article_content p{font-weight:400;line-height:28px}@media screen and (width<=450px){.blog_detail_hero .article_content{padding:.75rem}}.blog_detail_hero .navigation_btn{padding-inline:2rem;gap:3rem;padding-bottom:2rem}.blog_detail_hero .navigation_btn a{gap:.5rem}.blog_detail_hero .navigation_btn a svg{fill:var(--main-color);stroke:var(--main-color)}.blog_detail_hero .similars{border:1px solid #c9c9c9;padding:1rem}.blog_detail_hero .similars .similar_article{margin-bottom:1rem}.blog_detail_hero .similars .similars_title{flex-wrap:wrap;gap:.75rem;margin-bottom:2rem}.blog_detail_hero .similars .similars_title .badge{padding:.25rem 1rem}.blog_detail_hero .similars .sub_infos{padding-inline:0;padding-bottom:.75rem}.blog_detail_hero .similars .similar_article_content{background-color:#f7f7f7;padding:1rem 1rem 0}.blog_detail_hero .similars .similar_article_content h2{-webkit-line-clamp:2;margin-bottom:.5rem;font-size:1.15rem;font-weight:600}.blog_detail_hero .similars .similar_article_content p{-webkit-line-clamp:2}@media screen and (width<=890px){.blog_detail_hero{grid-template-columns:1fr}.blog_detail_hero .similar_articles{flex-wrap:wrap;gap:1rem;display:flex}.blog_detail_hero .similar_articles .similar_article{width:calc(50% - 1rem)}}@media screen and (width<=550px){.blog_detail_hero .similars{margin-bottom:2rem}.blog_detail_hero .similar_articles .similar_article{width:100%}}