.blog-detail-article{display:flex;flex-direction:column;gap:24px;.image-cover{aspect-ratio:1017/440;width:100%;overflow:hidden;border-radius:30px;cursor:pointer;&:hover{img{transform:scale(1.1)}}img{width:100%;object-fit:cover;display:block;object-position:center;transition:all .5s ease-in-out}}.text-content{display:flex;flex-direction:column;gap:16px;.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{width: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}}}.content{display:flex;flex-direction:column;gap:16px;.article-title{font-weight:var(--fw-600);font-size:var(--fs-24);line-height:var(--lh-30);color:var(--text-primary)}.line{margin:4px 0!important;opacity:1;border-top:1px solid var(--semi-transparent)}.description-cover{.sub-title{font-weight:var(--fw-500);font-size:var(--fs-18);line-height:var(--lh-28);color:var(--text-primary);margin-bottom:16px}}.text{font-weight:var(--fw-400);font-size:var(--fs-16);line-height:var(--lh-28);color:var(--text-secondary);margin-bottom:8px}.step-cover{display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between}.step{margin-bottom:4px;.cover{.title{color:var(--text-primary);margin-bottom:8px;font-size:var(--fs-18);line-height:var(--lh-22)}}.table{th{border:none}td,th{background-color:transparent}.label{color:var(--text-primary)}.value{color:var(--text-secondary)}}.list{padding-left:16px;display:flex;flex-direction:column;gap:4px;margin-top:8px;margin-bottom:0;strong{color:var(--text-primary);font-weight:var(--fw-500)}}ol{padding-left:16px;display:flex;flex-direction:column;gap:4px;margin-top:8px;margin-bottom:0;strong{color:var(--text-primary);font-weight:var(--fw-500)}}}.points{display:flex;flex-direction:column;gap:0;margin-bottom:12px;li{display:flex;align-items:center;gap:16px;.icon{width:16px}p{color:var(--text-primary);font-size:var(--fs-14);line-height:var(--lh-28)}}}}}}@media screen and (max-width:767px){.blog-detail-article{border-radius:14px;.text-content{.detail-section{flex-direction:column;.chip-cover{gap:8px;.dot{width:4px;height:4px}.chip{gap:8px;.detail{font-size:var(--fs-12);line-height:var(--lh-14)}}}.category{gap:8px;.category-name{font-size:var(--fs-12);line-height:var(--lh-14)}}}.content{.title{font-size:var(--fs-18);line-height:var(--lh-28)}.text{font-size:var(--fs-14);line-height:var(--lh-26)}}}}}@media screen and (max-width:575px){.blog-detail-article{.image{border-radius:14px}.text-content{margin-top:8px;gap:8px;.detail-section{flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:4px;.chip-cover{gap:8px;justify-content:flex-start;.dot{width:4px;height:4px}.chip{gap:8px;.detail{font-size:var(--fs-12);line-height:var(--lh-14)}}}.category{gap:8px;.category-name{font-size:var(--fs-12);line-height:var(--lh-14)}}}.content{.article-title{font-size:var(--fs-18);line-height:var(--lh-28)}.text{font-size:var(--fs-14);line-height:var(--lh-26)}.points{display:flex;flex-direction:column;gap:16px;li{gap:12px;.icon{width:14px;svg{width:14px;height:14px}}p{font-size:var(--fs-14);line-height:var(--lh-24)}}}}}}}.blog-article-section{.content-cover{gap:50px;.left-content{max-width:933px;width:100%;.line{border-top:1px solid var(--semi-transparent);margin-top:24px;opacity:1;margin-bottom:24px}.blog-footer-cover{display:flex;justify-content:space-between;.footer-content{max-width:215px;a{display:flex;gap:8px;align-items:center;border:none;background-color:transparent;.icon{width:20px}span{color:var(--primary);font-weight:var(--fw-500);font-size:var(--fs-14);line-height:var(--lh-18);text-transform:capitalize}}.blog-title{margin-top:8px;font-weight:var(--fw-600);font-size:var(--fs-16);line-height:var(--lh-28);text-transform:capitalize;cursor:pointer;transition:all .3s ease-in-out;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;text-overflow:ellipsis;&:hover{color:var(--primary)}}}}}.right-content{width:100%;max-width:337px}.pagination-section{margin-top:60px}.sidebar-section{display:flex;flex-direction:column;align-items:center;gap:40px;.sidebar-card{display:flex;width:100%;flex-direction:column;gap:10px;padding:30px;border-radius:30px;border:1px solid var(--border);height:-moz-fit-content;height:fit-content;background-color:var(--white);.title{display:flex;align-items:center;gap:8px;h4{font-weight:var(--fw-semibold);font-size:var(--fs-20);line-height:var(--lh-24);color:var(--text-primary)}}.card-cover{display:flex;flex-direction:column;.recent-post-card{display:flex;align-items:center;gap:16px;padding:18px 0;border-bottom:1px solid var(--white-400);.image{display:flex;align-items:center;justify-content:center;max-width:76px;width:100%;height:76px;aspect-ratio:1;overflow:hidden;border-radius:10px;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-top:8px;transition:all .3s ease-in-out;&:hover{color:var(--secondary)}}.date{font-weight:var(--fw-400);font-size:var(--fs-14);line-height:var(--lh-18);color:var(--text-secondary)}}&:last-child{padding-bottom:0;border-bottom:none}}.category-filter{border:none;background-color:transparent;padding:18px 8px;border-bottom:1px solid var(--white-400);text-transform:capitalize;display:flex;gap:8px;align-items:center;&:before,*{transition:all .3s ease-in-out}&:before{content:"";height:1px;width:0;display:block;background-color:var(--primary)}.text{color:var(--text-secondary);font-size:var(--fs-14);line-height:var(--lh-18)}&:hover{.text{color:var(--primary)}&:before{width:10px}}&:last-child{padding-bottom:0;border-bottom:none}}}.tag-cover{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px;.tag{padding:8px 16px;background-color:var(--white-200);font-weight:var(--fw-medium);font-size:var(--fs-12);line-height:var(--lh-14);color:var(--primary);transition:all .3s ease-in-out;cursor:pointer;white-space:nowrap;background-color:var(--white-100);text-transform:capitalize}.tag:hover{background-color:var(--primary);color:var(--white)}}}}}}@media screen and (max-width:1399px){.blog-article-section{.content-cover{.right-content{max-width:100%}}}}@media screen and (max-width:1199px){.blog-article-section{.content-cover{gap:30px;.pagination-section{margin-top:40px}}}}@media screen and (max-width:991px){.blog-article-section{.content-cover{gap:50px;.left-content{max-width:933px;width:100%}.right-content{width:100%;max-width:100%}.pagination-section{margin-top:30px}.sidebar-section{.sidebar-card{gap:20px;.title{gap:12px}}}}}}@media screen and (max-width:767px){.blog-article-section{.content-cover{gap:70px;.left-content{max-width:933px;width:100%}.right-content{width:100%;max-width:100%}.pagination-section{margin-top:40px}.sidebar-section{.sidebar-card{gap:20px;width:100%;.title{gap:12px}}}}}}@media screen and (max-width:575px){.blog-article-section{.content-cover{gap:50px;.left-content{max-width:933px;width:100%;.article-title{font-size:var(--fs-18);line-height:var(--lh-26)}.blog-footer-cover{.footer-content{max-width:200px;A{gap:6px;.icon{width:16px}span{font-size:var(--fs-14);line-height:var(--lh-18)}}.blog-title{font-size:var(--fs-14);line-height:var(--lh-24)}}}}.right-content{width:100%;max-width:100%}.pagination-section{margin-top:30px}.sidebar-section{.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)}}}}}}}}}