/* Container */ .hh-sleek-filter { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-bottom: 20px; font-family: 'Quicksand', sans-serif; } /* Dropdown */ .hh-filter-dropdown { padding: 8px 14px; border-radius: 20px; border: 1px solid #ccc; font-size: 14px; font-weight: 500; color: #365F91; background: #fff; cursor: pointer; transition: all 0.2s ease; } .hh-filter-dropdown:hover { border-color: #18ACAB; } /* Pills */ .hh-filter-pills { display: flex; flex-wrap: wrap; gap: 10px; } .hh-filter-pills .pill { display: inline-block; padding: 8px 18px; border-radius: 20px; border: 1px solid #ccc; background: #fff; font-size: 14px; font-weight: 500; color: #365F91; text-decoration: none; transition: all 0.2s ease; } .hh-filter-pills .pill:hover { border-color: #18ACAB; color: #18ACAB; } .hh-filter-pills .pill.active { background: #365F91; color: #fff; border-color: #365F91; } /* Mobile */ @media (max-width: 768px) { .hh-sleek-filter { flex-direction: column; align-items: flex-start; } .hh-filter-dropdown { width: 100%; } }