.blog-card{justify-content:space-between;gap:24px;align-items:center;.image-cover{aspect-ratio:116/53;max-width:696px;border-radius:16px;width:100%;margin:0;img{width:100%}}.text-content{max-width:676px;width:100%;.blog-header{row-gap:10px}.name-date-cover,.view-more-btn{.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)}}.category-btn{padding:4px 8px;line-height:16px;font-size:12px;border:none;color:var(--primary);background-color:#2482ed1a;cursor:default}}.title{line-height:32px;font-size:24px;font-weight:700;color:var(--text-primary);-webkit-line-clamp:2}.description,.title{display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden}.description{-webkit-line-clamp:3;line-height:1.6em}}}@media screen and (max-width:767px){.blog-card{flex-direction:column-reverse;border:1px solid var(--border);border-radius:24px;overflow:hidden;display:flex}.blog-card .image-cover{order:2}.blog-card .text-content{order:1;padding:16px}}.blogs-section{.content-cover{gap:28px;.pagination-cover{display:flex;align-items:center;justify-content:center;column-gap:20px;.blog-page-button{display:flex;align-items:center;justify-content:center;width:48px;aspect-ratio:1;border-radius:50%;color:var(--text-color);background-color:transparent;border:1px solid var(--border);*{transition:all .2s ease-in-out}&:hover{border-color:var(--primary);background-color:var(--primary);color:var(--white)}&:disabled{display:none}}.previous{svg{transform:rotate(90deg)}&:hover{svg{path{fill:var(--white)}}}}.next{svg{transform:rotate(-90deg)}&:hover{svg{path{fill:var(--white)}}}}}.blog-line{&:last-child{display:none}}}}@media screen and (max-width:1399px){.content-cover{gap:24px}}.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}}}}}.pagination{margin:0;justify-content:center;align-items:center;gap:16px;.page-numbers{gap:10px}.page-item{.page-link{display:flex;align-items:center;justify-content:center;width:48px;aspect-ratio:1;border-radius:50%;padding:0;color:var(--text-color);background-color:transparent;font-size:16px;line-height:24px;text-decoration:none;border:1px solid var(--border);svg{transform:rotate(-90deg);path{fill:var(--text-secondary)}}*{transition:all .5s ease-in-out}span{width:16px}&:focus{box-shadow:none}&:hover{border-color:var(--primary);background-color:var(--primary);color:var(--white);svg{path{fill:var(--white)}}}}}.active,.disabled{.page-link{border-color:var(--primary);background-color:var(--primary);color:var(--white)}}}@media screen and (max-width:575px){.pagination{.page-item{.page-link{width:36px;height:36px}}}.pagination{.page-item{.page-link{span{svg{width:14px;height:14px}}}}}}