:root{--background-color: #F7F7F7;--primary-color-const: #182756;--primary-color-const-opacity: #d2e3ff;--primary-color: #182756;--secondary-color: #F2C01C;--option-selected: #18275662;--tertiary-color: #41B06E;--text-color: #393939;--text-second-color: #858C99;--text-subtitle: #A0AEC0;--white: #fff;--gray-color-white: #E2E5EA;--gray-color-white-opacity: rgba(226, 229, 234, .19);--shadow: 0px 4px 4px 0px rgba(0, 0, 0, .05);--border-line: #e6e6e6;--color-gray: #666666;--table-background: #f1f1f1;--white-base: #fff;--white-bone: #F8FAF6;--btn-login: #273D43;--success: #27AE60;--success-light: #cbf7d7;--cancel: #ea3232;--cancel-light: #FACCCC;--span-table-user: #667085;--text-title-table-user: #8A92A6;--border-table-user: #EAECF0}.header-card-project{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:97%;column-gap:1rem}.header-card-project .card-project{display:flex;justify-content:space-between;margin:0;padding:0 0 0 10px;background-color:var(--white);align-items:center;cursor:pointer}.header-card-project .card-project h3{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;white-space:normal}.header-card-project .card-project img{width:80px;height:80px;border-radius:10px}.header-card-project .card-project:hover{background-color:var(--gray-color-white-opacity)}@media (max-width: 1800px){.header-card-project{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:15px}}@media (max-width: 1440px){.header-card-project{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:20px}}@media (max-width: 600px){.header-card-project{grid-template-columns:repeat(1,minmax(0,1fr));row-gap:20px;width:100%}}.card-blog{margin-top:20px;text-align:left}.card-blog .card-blog-slider{display:flex;overflow-x:scroll;margin:20px 0}.card-blog .card-blog-slider::-webkit-scrollbar{height:8px}.card-blog .card-blog-slider::-webkit-scrollbar-track{background:var(--white-base);border-radius:3px}.card-blog .card-blog-slider::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:3px}.card-blog .card-blog-slider::-webkit-scrollbar-thumb:hover{background:var(--text-second-color)}.card-blog .card-blog-slider .card-blog-item{max-width:370px;border-radius:12px}.card-post{margin:20px 0 40px}.card-post .card-post-header{border-bottom:1px solid var(--border-line);padding-bottom:10px}.card-post .card-post-item{display:grid;grid-template-columns:.4fr 1fr .5fr .5fr .4fr;column-gap:1rem;margin-top:20px}.card-post .card-post-item img{width:90px;height:90px;border-radius:50%}.card-post .card-post-item .card-post-item-button{display:flex;gap:1rem;justify-content:center;align-items:center}@media (width > 1800px){.card-blog,.card-post{width:80vw}}@media (1400px <= width <= 1800px){.card-blog,.card-post{width:74vw}}@media (700px <= width < 1400px){.card-blog,.card-post{width:89vw}}@media (width < 700px){.card-blog,.card-post{width:80vw}.card-post .card-post-item{display:grid;row-gap:1rem;grid-template-columns:.4fr 1fr;grid-template-rows:auto;column-gap:1rem}.card-post .card-post-item p{max-height:90px;overflow-y:hidden;text-overflow:ellipsis}.card-post .card-post-item img{width:90px;height:90px;border-radius:50%;margin:auto}.card-post .card-post-item .div1{grid-area:1/1/2/2}.card-post .card-post-item .div2{grid-area:1/2/2/3}.card-post .card-post-item .div3{display:flex;column-gap:1rem;grid-area:2/1/3/3}.card-post .card-post-item .div4{display:flex;column-gap:1rem;grid-area:3/1/4/3}.card-post .card-post-item .div5{grid-area:4/2/5/3;justify-content:flex-end}}