.project-container{margin:0 auto;}.project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;}.project-card{background:#ffffff;border-radius:16px;overflow:hidden;display:flex;flex-direction:column;text-decoration:none;color:inherit;box-shadow:0 0 0 1px rgba(0,0,0,0.05);height:100%;}.card-inner{display:flex;flex-direction:column;gap:16px;padding:32px;height:100%;}.card-header{display:flex;align-items:center;gap:29px;background-color:transparent;border-bottom:none;}.company-logo{flex-shrink:0;max-width:100%;}.company-logo img{max-height:78px;max-width:100%;width:auto;height:auto;object-fit:contain;display:block;}.dulux-badge{flex-shrink:0;}.dulux-badge img{height:50px;width:auto;object-fit:contain;display:block;}.card-body{display:flex;flex-direction:column;gap:16px;padding:0 1rem;flex:1;}.project-card .description{font-family:"Inter",sans-serif;font-size:16px;font-weight:400;line-height:1.5;color:#001325;}.project-card .description p{margin-bottom:16px;}.project-card .description p:last-child{margin-bottom:0;}.card-columns{display:flex;gap:16px;padding:8px 0;}.info-column{flex:1;display:flex;flex-direction:column;gap:16px;}.column-heading{font-family:"Inter",sans-serif;font-size:16px;font-weight:700;line-height:1.5;color:#001325;margin:0;}.column-list{list-style:none;padding:0;margin:0;font-family:"Inter",sans-serif;font-size:16px;font-weight:400;line-height:1.5;color:#001325;}.column-list li{position:relative;padding-left:24px;margin-bottom:0;}.column-list li:before{content:"•";position:absolute;left:8px;}.column-list li:last-child{margin-bottom:0;}.column-list a{color:#001325;text-decoration:none;}.column-list a:hover{text-decoration:underline;}.card-footer{border-top:1px solid #ebebeb;padding-top:8px;background-color:transparent;margin-top:auto;}.contact-info{display:flex;gap:16px;}.contact-column{flex:1;display:flex;flex-direction:column;gap:12px;}.contact-item{display:flex;gap:4px;align-items:start;}.contact-icon{flex-shrink:0;width:24px;height:24px;}.contact-item p,.contact-item a{font-family:"Inter",sans-serif;font-size:16px;font-weight:400;line-height:1.5;color:#001325;margin:0;}.contact-item a.contact-link-web{color:#0b1b34;font-weight:500;text-decoration:underline;}.contact-item a.contact-link-web:hover{text-decoration:none;}.filter-section{margin:16px 0 8px;}.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:calc(50% - 12px);}.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;}.dropdown-toggle::after{display:none;}.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;}.pagedItems-listing-component .pagination{margin-top:0;}.project-counter p{font-size:12px;font-weight:500;line-height:1.5;color:#424242;margin-bottom:32px;}@media (max-width:1100px){.custom-dropdown{max-width:calc(50% - 12px);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);}}.pagination-wrapper{display:flex;flex-direction:column;align-items:flex-end;gap:8px;margin-top:32px;margin-bottom:56px;}.pagination-info{font-family:"Inter",sans-serif;font-size:12px;font-weight:500;line-height:1.5;color:#001325;margin:0;}.pagination-info p{margin:0;}.pagination{display:flex;gap:12px;align-items:center;}.page-btn{display:flex;align-items:center;justify-content:center;min-width:36px;height:36px;border-radius:4px;background:#ffffff;border:1px solid #f1f1f1;font-family:"Inter",sans-serif;font-size:12px;font-weight:600;color:#0b1b34;text-decoration:none;cursor:pointer;transition:all 0.2s ease;}.page-number{padding:10px 12px;}.page-control{padding:10px;}.page-control svg{display:block;}.page-ellipsis{border:none;background:transparent;cursor:default;}.page-btn:hover:not(.disabled):not(.active):not(.page-ellipsis){border-color:#edece6;background:#ffffff;}.page-btn.active{background:#001325;color:#ffffff;border-color:#001325;}.page-btn.disabled{opacity:0.5;cursor:not-allowed;}@media (max-width:992px){.container{padding-left:8px;padding-right:8px;}.project-grid{grid-template-columns:repeat(1,1fr);}.filter-title{font-size:26px;}.project-counter{display:none;}.pagination-wrapper{align-items:center;}.card-columns{flex-direction:column;}.contact-info{flex-direction:column;}}
: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:var(--dulux-dark-blue);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:white;background-color:#0f172a;border:none;cursor:pointer;transition:background-color 0.2s;border-radius:4px;border:1px solid #0f172a;}.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{background-color:#f3f3f3;color:var(--dulux-dark-blue);}.page-btn.selected{background-color:#0f172a;color:#fff;}.page-btn.dots{cursor:default;pointer-events:none;background-color:transparent;}.page-btn.disabled{opacity:0.4;cursor:not-allowed;}@media (max-width:768px){.pagination{margin-top:24px;}}