.iconic_projects{background:rgba(15,51,173,.04);background:rgba(15,51,173,.04);background:#fff}.iconic_projects .filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.iconic_projects .filters button{padding:8px 16px;border-radius:6px;border:1px solid #d2d2d2;background:#fff;cursor:pointer;box-sizing:border-box;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:8px 12px;gap:8px;height:28px;border:1px solid #0f33ad;border-radius:4px;transition:all .3s ease-in-out;font-style:normal;font-weight:500;font-size:12px;line-height:18px;color:#0f33ad}.iconic_projects .filters button svg{width:16px;height:16px}.iconic_projects .filters button span{position:relative;top:1px}.iconic_projects .filters button:hover{filter:brightness(1.1)!important}.iconic_projects .filters button.active{background:#0f33ad;color:#fff;border-color:#0f33ad}.iconic_projects .filters button.active svg path{stroke:currentColor;stroke:currentColor}.iconic_projects .filters .clear-btn{margin-inline-start:auto;background:0 0;border:0;opacity:.7}.iconic_projects .project-grid{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:40px;gap:40px 16px;padding:0;transition:opacity .28s cubic-bezier(.4,0,.2,1),transform .28s cubic-bezier(.4,0,.2,1)}.iconic_projects .project-grid.fade-out{opacity:0;transform:translateY(12px)}.iconic_projects .project-grid li{max-width:calc(33.3% - 16px);list-style:none;width:100%}@media (max-width:780px){.iconic_projects .project-grid li{max-width:100%}}.iconic_projects .pagination{display:flex;align-items:center;justify-content:center;gap:24px}.iconic_projects .pagination button{min-width:40px;width:40px;height:40px;border-radius:50%;border:1px solid #100f1b;background:#fff;display:flex;align-items:center;justify-content:center}.iconic_projects .pagination button:not([disabled]){background:#0f33ad;color:#fff;border-color:#0f33ad}.iconic_projects .pagination button:not([disabled]) svg path{stroke:#fff}.iconic_projects .pagination .progress{overflow:hidden;width:100%;max-width:529px;left:calc(50% - 264.5px);top:0;background:#d2d2d2}.iconic_projects .pagination .progress span{display:block;height:100%;border:1px solid #100f1b}.filters-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:2rem}@media (max-width:780px){.filters-toolbar{flex-wrap:wrap}}.filters{display:flex;flex-wrap:wrap;gap:.75rem}.filters-clear{background:0 0;margin-inline-start:auto;color:var(--scp-primary);cursor:pointer;text-decoration:underline;transition:opacity .2s ease;box-sizing:border-box;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:8px 12px;gap:8px;width:90px;height:28px;border:1px solid var(--scp-primary);border-radius:4px;font-family:var(--scp-font-heading);font-style:normal;font-weight:500;font-size:12px;line-height:18px;color:#0f33ad;width:95px;text-decoration:none;margin-bottom:0;transition:all .3s ease-in-out;transform:translate(0,0)}.filters-clear svg{width:12px;height:12px;margin:0 0 2px}@media (max-width:780px){.filters-clear{margin-bottom:12px}}@media (max-width:550px){.filters-clear{margin-bottom:12px;margin-inline-start:0}}.filters-clear:hover{transform:translate(0 -5px);text-decoration:underline}.filters-clear:focus-visible{outline:2px solid var(--scp-ink);outline-offset:1px}.filters-clear[hidden]{display:none}.rtl .iconic_projects .pagination{direction:ltr;transform:rotate(180deg)}