.project-container{margin:0 auto;}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}.project-card{background:#fff;border:1px solid #EBEBEB;overflow:hidden;display:flex;flex-direction:column;text-decoration:none;color:inherit;}.project-card img{object-fit:contain;display:block;aspect-ratio:4/3;}.project-card .project-content{padding:32px;display:flex;flex-direction:column;gap:8px;}.project-card:hover .project-content{background-color:#002c65;color:#fff;}.project-card:hover .project-content *:not(.labels):not(.labels *){color:#fff;}.project-card .subcategory{font-size:16px;font-weight:500;color:#002C65;text-transform:capitalize;font-family:"Jost",sans-serif;}.project-card .project-title{font-size:24px;font-weight:400;color:#002C65;line-height:1.5;font-family:"Jost",sans-serif;}.project-card .labels{display:flex;flex-wrap:wrap;gap:8px;}.project-card .label{font-size:12px;font-weight:500;padding:10px;border-radius:4px;background:#E1ECF1;color:#002C65;}.project-card .description{font-size:16px;color:#424242;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}.project-card .posted-date{font-size:12px;color:#424242;margin-top:auto;padding-top:8px;}.filter-section{margin:16px 0 28px;}.filter-title{color:#002C65;font-size:32px;font-weight:500;line-height:1.2;margin-bottom:24px;font-family:"Jost",sans-serif;}.filters-wrapper{display:flex;gap:24px;flex-wrap:wrap;align-items:flex-start;}.custom-dropdown{position:relative;width:426.6700134277344px;}.dropdown-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:16px;border:1px solid #EBEBEB;background:#fff;border-radius:2px;cursor:pointer;font-size:16px;color:#757575;}.dropdown-toggle:focus{outline:none;border-color:#1A6ED1;}.toggle-label{color:#757575;font-weight:400;line-height:1.5;}.toggle-selected{color:#333;flex:1;margin-left:8px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.caret{margin-left:8px;color:#8a8a8a;}.dropdown-menu{position:absolute;left:0;top:calc(100% + 2px);width:100%;background:#fff;border:1px solid #1A6ED1;border-radius:2px;z-index:50;overflow:auto;display:none;padding:0;max-height:300px;overflow-y:auto;}.custom-dropdown.open .dropdown-menu{display:block;}.custom-dropdown:hover,.custom-dropdown.open,.custom-dropdown:focus-within{border:1px solid #1A6ED1;}.dropdown-menu li{padding:8px 16px;margin:0 !important;}.dropdown-menu li:hover{background-color:#1A6ED1;color:white;}.option-label{display:flex;align-items:center;cursor:pointer;font-size:16px;color:#424242;justify-content:space-between;}.option-checkbox{width:16px;height:16px;accent-color:#002C65;}li:hover .option-text{color:white;}.selected-tags{margin-top:16px;display:flex;align-items:center;gap:12px;flex-wrap:wrap;}.tags-list{list-style:none;padding:0;margin:0;display:flex;gap:10px;flex-wrap:wrap;}.tag-item{display:flex;align-items:center;gap:8px;background:white;border:1px solid #e1e6f0;padding:8px 16px;border-radius:2px;font-size:16px;color:#757575;}.tag-text{max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:16px;font-weight:400;}.tag-remove{background:none;border:none;cursor:pointer;color:#757575;font-weight:700;padding:6px;}.clear-all{background:none;border:none;color:#002C65;font-weight:600;cursor:pointer;padding:6px 8px;}.clear-all:hover{text-decoration:underline;}.dropdown-toggle img{width:16.82px;height:auto;display:inline-block;vertical-align:middle;}.project-counter{display:flex;justify-content:end;}.project-counter p{font-size:12px;font-weight:500;line-height:1.5;color:#424242;}@media (max-width:1100px){.custom-dropdown{max-width:297px;width:100%;}}@media (max-width:760px){.filters-wrapper{flex-direction:column;gap:12px;}.custom-dropdown{max-width:unset;width:100%;}}@media (max-width:1024px){.project-grid{grid-template-columns:repeat(2,1fr);}}@media (max-width:767px){.container{padding-left:8px;padding-right:8px;}.project-grid{grid-template-columns:repeat(1,1fr);}.filter-title{font-size:26px;}.project-counter{display:none;}}
:root{--dulux-dark-blue:#0B1B34;--dulux-primary-blue:#002C65;}.pagination{display:flex;gap:10px;border-radius:8px;margin-top:32px;justify-content:center;}.pagination i{font-size:12px;}.page-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;font-size:12px;font-weight:600;text-decoration:none;color:#002C65;background-color:#fff;border:none;cursor:pointer;transition:background-color 0.2s;border-radius:4px;border:1px solid var(--Casper-White-QTR,#EDECE6);background:var(--White,#FFF);}.current-page-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;font-size:12px;font-weight:600;text-decoration:none;color:#002C65;background-color:#F7F7F7;border:none;cursor:pointer;transition:background-color 0.2s;border-radius:4px;border:1px solid #EBEBEB;}.dot-pagination{display:flex;align-items:center;justify-content:center;width:40px;height:40px;font-size:20px;font-weight:500;color:#0f172a;border-radius:8px;pointer-events:none;user-select:none;}.page-btn:hover{border:1px solid #1A6ED1;}.page-btn.selected{background-color:#0f172a;color:#fff;}.page-btn.dots{cursor:default;pointer-events:none;background-color:transparent;}.page-btn.disabled{cursor:default;background-color:#F7F7F7;}.page-btn.disabled:hover{border:1px solid #EBEBEB;cursor:default;}.pagination .page-btn img{width:6px;height:auto;display:inline-block;vertical-align:middle;}@media (max-width:768px){.pagination{margin-top:24px;}}