.blog-details{.content-cover{.name-date-cover{.date-cover{display:flex;gap:6px;align-items:center;.icon{width:16px}.text{line-height:16px;font-size:12px}}}.tags-cover{.blog-chip{border:1px solid var(--primary);color:var(--primary);padding:6px 8px;font-size:12px;line-height:16px;&:hover{background-color:var(--primary);color:var(--white)}}}.title{font-size:36px!important;line-height:48px;color:var(--text-primary);font-weight:700;margin:40px 0}.image-cover{aspect-ratio:180/71;border-radius:16px;margin-bottom:32px;img{width:100%}}.text-cover{.sub-title{color:var(--text-primary);font-weight:700;font-size:24px;line-height:28px}.description{strong{font-weight:600}}}.category-btn{padding:4px 8px;line-height:16px;font-size:12px;border:none;color:var(--primary);background-color:#2482ed1a;cursor:default}}}@media screen and (max-width:767px){.blog-details{.content-cover{.title{font-size:32px!important;margin:30px 0}}}}@media screen and (max-width:575px){.blog-details{.content-cover{.title{font-size:28px!important;margin:20px 0}}}}@media screen and (max-width:359px){.blog-details{.content-cover{.title{font-size:24px!important;margin:10px 0}}}}.similar-blog-section{.content-cover{display:grid;grid-template-columns:repeat(3,1fr)!important;grid-gap:24px;gap:24px;width:100%;.similar-blog-card{border:1px solid var(--border);border-radius:24px;overflow:hidden;display:block;.image-cover{border-radius:24px;width:100%;aspect-ratio:2.08/1;max-width:100%;height:auto;img{width:100%}}.text-cover{width:100%;padding:16px;.blog-detail{display:flex;align-items:center;gap:6px;.icon{width:18px}.date{font-size:12px;line-height:16px}}.category-btn{padding:4px 8px;line-height:16px;font-size:12px;border:none;color:var(--primary);background-color:#2482ed1a;cursor:default}.title{font-size:24px;line-height:32px;font-weight:700;color:var(--text-primary);margin-bottom:12px;margin-top:14px;-webkit-line-clamp:2;padding-top:2px}.description,.title{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.description{margin-bottom:28px;-webkit-line-clamp:4}.read-more-btn{align-items:center;border:none;font-size:16px;padding:0;font-weight:600;line-height:22px;margin-bottom:8px;.text{color:var(--primary)}.icon{width:18px;transition:all .5s ease-in-out;svg{path{fill:var(--primary)}}}&:hover{.icon{transform:rotate(45deg)}}&:before{background-color:transparent}}.read-more-btn:hover{background-color:transparent}}}}}@media screen and (max-width:1199px){.similar-blog-section{.content-cover{gap:20px;.similar-blog-card{.text-cover{padding:20px;.title{font-size:22px;line-height:30px}}}}}}@media screen and (max-width:1023px){.similar-blog-section{.content-cover{grid-template-columns:1fr 1fr!important;.similar-blog-card:first-child{grid-row:auto}.similar-blog-card{flex-direction:column;.image-cover{max-width:100%;aspect-ratio:16/9;img{width:100%;height:auto}}.text-cover{max-width:100%}}}}}@media screen and (max-width:991px){.similar-blog-section{.title-cover{flex-direction:column;gap:12px}.content-cover{gap:16px;.similar-blog-card{.text-cover{padding:18px;.title{font-size:20px;line-height:28px}.description{-webkit-line-clamp:3}}}}}}@media screen and (max-width:767px){.similar-blog-section{.content-cover{grid-template-columns:1fr!important;.similar-blog-card{.text-cover{padding:16px;.title{font-size:18px;line-height:24px}.description,.read-more-btn{font-size:14px}}.category-btn{font-size:11px;padding:4px 6px}}}}}@media screen and (max-width:575px){.similar-blog-section{.content-cover{gap:14px;.similar-blog-card{border-radius:16px;.image-cover{aspect-ratio:16/9}.text-cover{padding:14px;.title{font-size:16px;line-height:24px;-webkit-line-clamp:2}.description{font-size:13px;-webkit-line-clamp:3}}}}}}@media screen and (max-width:359px){.similar-blog-section{.content-cover{.similar-blog-card{.text-cover{padding:12px;.title{font-size:14px;line-height:20px}.description{font-size:12px}.read-more-btn{font-size:13px}}.category-btn{font-size:10px;padding:3px 5px}}}}}.page-banner-content{background-position:50%;background-size:cover;background-repeat:no-repeat;position:relative;aspect-ratio:24/5;display:flex;align-items:center;justify-content:center;.content-cover{position:absolute;z-index:2;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;.heading{background-color:transparent!important;color:var(--text-primary);font-weight:700;font-size:clamp(24px,5vw,48px);line-height:clamp(32px,6vw,62px);text-align:center}.path-section{*{transition:all .3s ease-in-out}.title{font-size:16px;line-height:22px;position:relative;font-weight:600;text-decoration:none;color:var(--text-primary);&:hover{color:var(--primary)}&:hover:after{width:100%;border-color:var(--primary)}&:last-child{color:var(--primary);text-align:center;&:after{display:none}}}}}}@media screen and (max-width:1199px){.page-banner-content{min-height:250px;aspect-ratio:auto}}@media screen and (max-width:767px){.page-banner-content{min-height:200px}}@media screen and (max-width:575px){.page-banner-content{.content-cover{.path-section{.title{font-size:14px;line-height:16px}}}}}.common-section-title{display:flex;flex-direction:column;gap:12px;.section-name{color:var(--primary);font-size:18px;line-height:24px}.title{font-size:44px;line-height:58px;color:var(--text-primary);font-weight:700;text-transform:capitalize;max-width:712px}}@media screen and (max-width:1399px){.common-section-title{.title{font-size:46px;line-height:70px}}}@media screen and (max-width:1199px){.common-section-title{.title{font-size:36px;line-height:50px}}}@media screen and (max-width:991px){.common-section-title{.title{font-size:36px;line-height:48px}.section-name{font-size:16px;line-height:22px}}}@media screen and (max-width:575px){.common-section-title{.title{font-size:30px;line-height:46px}.section-name{font-size:15px;line-height:20px}}}@media screen and (max-width:460px){.common-section-title{.title{font-size:24px;line-height:36px}.section-name{font-size:14px;line-height:18px}}}.common-btn{display:flex;align-items:center;gap:4px;border:1px solid var(--border);background-color:transparent;padding:12px 16px;line-height:22px;overflow:hidden;transition:color .5s;z-index:1;position:relative;.text{color:var(--text-primary);white-space:nowrap}.icon,.text{position:relative;z-index:1;transition:all .5s ease-in-out}.icon{width:18px}&:before{content:"";position:absolute;inset:50%;background-color:var(--primary);z-index:0;transition:all .5s ease-in-out;border-radius:30px}&:hover{border-color:transparent;.text{color:var(--white)}.icon{transform:rotate(45deg);svg{path{fill:var(--white)}}}&:before{inset:-1px}}}.common-link{display:inline-flex}@media screen and (max-width:575px){.common-btn{padding:8px 12px;.text{font-size:14px;line-height:18px}.icon{width:16px;svg{width:16px;height:16px}}}}@media screen and (max-width:359px){.common-btn{.icon{width:14px;svg{width:14px;height:14px}}}}