.recommended_article .article_container .top_header{align-items:center;background:var(--accent1-color);border-radius:1rem 1rem 0 0;display:flex;gap:1rem;justify-content:center;padding:.5rem 2.4rem;width:fit-content}.recommended_article .article_container .top_header.movie{background:var(--main_light-color)}.recommended_article .article_container .top_header h5{color:#fff;font-size:1.8rem;font-weight:700}.recommended_article .article_container .bottom_box{align-items:flex-start;align-self:stretch;background:var(--white,#fff);border:.1rem solid var(--accent1-color);border-radius:0 1rem 1rem 1rem;display:flex;flex-direction:column;gap:1.6rem;justify-content:center;padding:2rem}.recommended_article .article_container .bottom_box.movie{background:var(--white,#fff);border:.1rem solid var(--main_light-color)}.recommended_article .article_container .bottom_box .card{align-items:flex-start;display:flex;gap:2rem;justify-content:flex-start;transition:all .35s ease}.recommended_article .article_container .bottom_box .card:hover{opacity:.7}.recommended_article .article_container .bottom_box .card img{height:auto;width:30%;spect-ratio:16/9;border-radius:7%;object-fit:cover}.recommended_article .article_container .bottom_box .card .content{align-items:flex-start;display:flex;flex-direction:column;gap:.6rem;overflow:hidden}.recommended_article .article_container .bottom_box .card .content .p_b{align-self:stretch;font-weight:700}.recommended_article .article_container .bottom_box .card .content .p_b,.recommended_article .article_container .bottom_box .card .content .p_l{color:var(--text_main-color);display:-webkit-box;font-size:1.4rem;-webkit-box-orient:vertical;flex:0 0 auto;overflow:hidden;text-overflow:ellipsis}.recommended_article .article_container .bottom_box .card .content .p_l{font-weight:400}@media (max-width:768px){.recommended_article .article_container .top_header{padding:.5rem 1.6rem}.recommended_article .article_container .bottom_box .card{gap:1rem}.recommended_article .article_container .bottom_box .card .p_b,.recommended_article .article_container .bottom_box .card .p_l{font-size:1.2rem}}@media (max-width:500px){.recommended_article .article_container .bottom_box{gap:2.4rem}}