.top-filter .data{display:flex;flex-wrap:wrap;margin:0 -8px}.filter-project-main .top-filter{max-width:1200px;margin:0 auto}.top-filter .data .col{width:20%;padding-left:8px;padding-right:8px}.top-filter .col{position:relative;margin-bottom:20px}.top-filter .col .dropdown{display:none;position:absolute;background:#fff;border:1px solid #ddd;padding:10px;z-index:999;max-height:250px;overflow-y:auto;width:300px;box-shadow:0 2px 6px rgba(0,0,0,.2)}.top-filter .col.open .dropdown{display:block}.project-search-result .box-text.text-right{right:0px!important}.top-filter .dropdown ul{list-style:none;margin:0;padding:0}.top-filter .dropdown li{margin-bottom:10px;display:flex;align-items:start;gap:6px;margin-left:0;cursor:pointer;line-height:normal}.top-filter .dropdown li input[type="checkbox"]{margin-bottom:5px;margin-right:3px;width:16px;height:16px;min-width:16px}.top-filter .col label{cursor:pointer;font-weight:bold;display:inline-block;margin-bottom:5px}.top-filter .col label{display:inline-block;padding:8px 12px;border:1px solid #ccc;border-radius:6px;cursor:pointer;background-color:#fff;position:relative;width:100%;font-weight:500}.top-filter .col label::after{content:'▼';position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:10px;color:#666;pointer-events:none}.top-filter .data .col.action button{margin:0;padding:5px 20px;line-height:1}.top-filter .data .col.key{width:calc(40% - 116px)}.top-filter .data .col.action{width:116px}.top-filter .data .col.key input[type="text"]{border-radius:6px;box-shadow:none}@media screen and (max-width:767px){.top-filter .data .col{width:100%}.top-filter .data .col.key{width:100%!important}.top-filter .data .col.action{width:100%}.top-filter .data .col{width:100%;margin-bottom:0;padding-bottom:10px}.top-filter .data{padding-bottom:20px}}