.blog-page-section{.content-cover{gap:28px;.left-content{max-width:950px;width:100%}.right-content{width:100%;max-width:452px}.pagination-section{margin-top:60px}.sidebar-section{display:flex;flex-direction:column;align-items:center;gap:40px;.sidebar-card{display:flex;flex-direction:column;width:100%;gap:10px;padding:24px;border-radius:12px;border:none;height:-moz-fit-content;height:fit-content;background-color:var(--bg-third);.title{font-weight:var(--fw-600);font-size:var(--fs-24);line-height:var(--lh-28);color:var(--secondary);margin-bottom:28px}.card-cover{display:flex;flex-direction:column;gap:16px;.recent-post-card{display:flex;align-items:center;gap:16px;transition:all .3s ease-in-out;*{transition:all .3s ease-in-out}.image{display:flex;align-items:center;justify-content:center;max-width:132px;width:100%;aspect-ratio:11/7;overflow:hidden;border-radius:12px;img{width:100%;height:100%;object-fit:cover;object-position:center}}.text-content{.title{color:var(--text-primary);font-weight:var(--fw-500);font-size:var(--fs-16);line-height:var(--lh-26);text-transform:capitalize;display:-webkit-box;-webkit-line-clamp:2;overflow:hidden;-webkit-box-orient:vertical;margin-bottom:12px}.date{font-weight:var(--fw-400);font-size:var(--fs-14);line-height:var(--lh-18);color:var(--text-secondary)}}&:hover{.text-content{.title{color:var(--primary)}}}}}.tag-cover{display:flex;flex-wrap:wrap;gap:12px;.tag{padding:12px 16px;border:1px solid var(--border-02);border-radius:12px;font-size:var(--fs-16);line-height:var(--lh-28);color:var(--text-secondary);transition:all .3s ease-in-out;cursor:pointer;white-space:nowrap;text-transform:capitalize;&.active{border-color:var(--primary)}&.active,&:hover{background-color:var(--primary);color:var(--white)}}}}}.blog-card-cover{display:flex;flex-direction:column;gap:45px;.blog-detail-card{display:flex;flex-direction:column;gap:16px;&:hover{.image{img{transform:scale(1.1)}}}.image{width:100%;height:100%;overflow:hidden;aspect-ratio:95/31;border-radius:12px;img{width:100%;height:100%;object-fit:cover;object-position:center;transition:all .5s ease-in-out}}.line{margin:0;opacity:1;border-top:1px solid var(--border-02)}.text-content{display:flex;flex-direction:column;gap:12px;.tag-cover{gap:6px;flex-wrap:wrap;.tag{display:flex;gap:6px;align-items:center;white-space:nowrap;font-size:var(--fs-12);line-height:var(--lh-18);color:var(--secondary);&:after{content:"";display:block;height:14px;width:1px;background-color:var(--border-02)}&:last-child{&:after{display:none}}}}.title{font-weight:var(--fw-600);font-size:var(--fs-18);color:var(--text-primary);-webkit-line-clamp:1}.text,.title{line-height:var(--lh-28);display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical}.text{font-size:var(--fs-16);-webkit-line-clamp:2}}.read-more{margin-top:2px}}}.chip-cover{gap:12px;.dot{width:3px;height:3px;border-radius:50%;background-color:var(--text-secondary)}.chip{display:flex;align-items:center;gap:8px;.icon{display:flex;align-items:center;justify-content:center;width:14px;height:14px}.detail{font-weight:var(--fw-medium);font-size:var(--fs-14);line-height:var(--lh-18);white-space:nowrap;color:var(--text-secondary);text-transform:capitalize}}}}}@media screen and (max-width:1399px){.blog-page-section{.content-cover{.right-content{max-width:100%}}}}@media screen and (max-width:1199px){.blog-page-section{.content-cover{gap:16px;.right-content{max-width:400px}.pagination-section{margin-top:40px}.sidebar-section{gap:30px}}}}@media screen and (max-width:991px){.blog-page-section{.content-cover{gap:48px;.left-content{max-width:933px;width:100%}.right-content{width:100%;max-width:100%}.pagination-section{margin-top:30px}.sidebar-section{display:flex;gap:16px;flex-direction:row;align-items:flex-start;.sidebar-card{max-width:380px;width:100%;gap:10px;padding:12px;.title{font-size:var(--fs-22);line-height:var(--lh-26);margin-bottom:12px}.card-cover{display:flex;flex-direction:column;gap:16px;.recent-post-card{gap:16px;.image{width:112px}.text-content{.title{font-size:var(--fs-14);line-height:var(--lh-24);margin-bottom:8px}}}}.tag-cover{display:flex;flex-wrap:wrap;gap:12px;.tag{padding:8px 12px;font-size:var(--fs-14);line-height:var(--lh-24)}}}}}}}@media (max-width:767px){.blog-page-section{.content-cover{gap:48px;.left-content{max-width:933px;width:100%}.right-content{width:100%;max-width:100%}.pagination-section{margin-top:40px}.sidebar-section{gap:24px;flex-direction:column;align-items:center;.sidebar-card{gap:20px;width:100%;padding:18px;max-width:500px;.title{gap:12px}}}.blog-card-cover{gap:24px;.blog-detail-card{.image{min-height:200px}.text-content{.detail-section{flex-direction:column;padding:8px 16px;.category{gap:8px;.category-name{font-size:var(--fs-12);line-height:var(--lh-14)}}}.title{font-size:var(--fs-18);line-height:var(--lh-28)}.text{font-size:var(--fs-14);line-height:var(--lh-26)}}}}.chip-cover{gap:8px;.dot{width:4px;height:4px}.chip{gap:8px;.detail{font-size:var(--fs-12);line-height:var(--lh-14)}}}}}}@media screen and (max-width:575px){.blog-page-section{.content-cover{gap:32px;.left-content{max-width:933px;width:100%}.right-content{width:100%;max-width:100%}.pagination-section{margin-top:30px}.sidebar-section{gap:24px;.sidebar-card{margin:0 auto;gap:18px;padding:18px;.title{gap:8px;h4{font-size:var(--fs-18);line-height:var(--lh-22)}}.card-cover{gap:18px;.recent-post-card{gap:14px;.image{max-width:76px;height:76px}.text-content{.title{line-height:var(--lh-24)}.date,.title{font-size:var(--fs-14)}.date{margin-top:6px;line-height:var(--lh-16)}}}}}}.blog-card-cover{gap:24px;.blog-detail-card{border-radius:14px;.image{border-top-left-radius:14px;border-top-right-radius:14px}.text-content{border-bottom-left-radius:14px;border-bottom-right-radius:14px;.detail-section{flex-direction:column;padding:8px 16px;.category{gap:8px;.category-name{font-size:var(--fs-12);line-height:var(--lh-14)}}}.title{font-size:var(--fs-18);line-height:var(--lh-28)}.text{font-size:var(--fs-14);line-height:var(--lh-26)}}}}.chip-cover{gap:8px;.dot{width:4px;height:4px}.chip{gap:8px;.detail{font-size:var(--fs-12);line-height:var(--lh-14)}}}}}}