.filter-component{border:1px solid rgba(38,38,38,.2);border-radius:.5rem;padding:1rem;background:#fff;display:flex;flex-direction:column;width:21rem}.filter-component .filter-heading{display:flex;justify-content:space-between;align-items:center;gap:8rem;padding-bottom:.75rem}.filter-component .filter-heading #filter-opt-heading{margin:0;font-family:Mulish;font-size:1.1rem;font-weight:700;line-height:17.57px;text-align:left;color:#262626}.filter-component .filter-heading .action-btns{display:flex;gap:.5rem}.filter-component .filter-heading .close-btn,.filter-component .filter-heading .reload-btn{cursor:pointer;width:1.125rem;height:1.125rem}.filter-component hr{border:.5px solid rgba(108,105,105,.2392156863)}.filter-component .filter-heading-line{border:.5px solid rgba(108,105,105,.24)}.filter-component .filter-item{max-height:40vh;overflow-y:scroll}.filter-component .filter-item .filter-item-heading,.filter-component .filter-item .micro-service-filter-con{display:flex;justify-content:space-between;align-items:flex-start;flex-direction:column;gap:16px}.filter-component .filter-item .micro-service-filter-con{padding-top:.75rem}.filter-component .filter-item .micro-service-filter-con .filter-title{font-family:Mulish;font-weight:600;font-size:1rem;line-height:100%;letter-spacing:0;color:#6c6969}.filter-component .filter-item .micro-service-filter-con .filter-item-options{display:flex;flex-direction:column;width:100%;gap:.55rem}.filter-component .filter-item .micro-service-filter-con .filter-item-options p{font-family:Mulish;font-weight:500;font-size:.875rem;color:#262626}.filter-component .filter-item .micro-service-filter-con .expand-btn{width:24px}.filter-component .filter-item .micro-service-filter-con .horizontal-line-microservice-filter{border:.5px solid rgba(108,105,105,.24);width:100%}.filter-component .filter-down-item{display:flex;justify-content:space-between;flex-direction:column;gap:14px;padding-top:.75rem}.filter-component .filter-down-item .filter-down-item-heading{display:flex;justify-content:space-between;width:100%}.filter-component .filter-down-item .filter-down-item-heading span{font-family:Mulish;font-weight:600;font-size:1rem;line-height:100%;letter-spacing:0;color:#6c6969}.filter-component .filter-down-item .filter-down-item-heading .sortArrowImg{cursor:pointer}.filter-component .filter-down-item .filter-down-item-heading .sortArrowImg.open{transform:rotate(180deg)}.filter-component .filter-down-item .filter-item-options{display:flex;flex-direction:column;gap:2px}.filter-component .filter-down-item .filter-item-options .clicked-filter-item{display:flex;padding:.5rem .8rem;margin-top:4px;cursor:pointer;border-radius:4px;border:1px solid #262626;background-color:#fff;gap:6px;align-items:center;justify-content:flex-start}.filter-component .filter-down-item .filter-item-options .clicked-filter-item img{width:.7rem;height:.7rem}.filter-component .filter-down-item .filter-item-options .clicked-filter-item p,.filter-component .filter-down-item .filter-item-options .filter-item{font-family:Mulish;font-weight:500;line-height:100%;letter-spacing:0;color:#262626;font-size:.9rem}.filter-component .filter-down-item .filter-item-options .filter-item{padding:.6rem .8rem;background-color:rgba(244,244,244,.5019607843);margin-top:4px;border-radius:5px;cursor:pointer}.filter-component::-webkit-scrollbar,.filter-item::-webkit-scrollbar{display:none}