.selected-value span {color: var(--color-primary); font-size: 0.875rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 100%; display: inline-block;}
.testdirectory-search {font-size: 0.875rem;}
.testdirectory-inner {position: relative;}
.tab-wrapper {position: relative;overflow: hidden;transition: height 0.4s ease; padding: 0 20px; margin: 0 -20px;}
.tab-content {position: absolute;width: 100%;opacity: 0;transform: translateY(15px);pointer-events: none;transition: all 0.4s ease;}
.tab-content.active {position: relative;opacity: 1;transform: translateY(0); pointer-events: auto;}
.tab-btn {position: relative;padding-bottom: 8px;cursor: pointer;}
.testdirectory-tabs {position: relative; background-color:#E9E9E9; border-radius:80px; max-width:990px; margin:0 auto; display: flex; justify-content: space-between; gap: 20px;margin-bottom: 20px;}

.tab-indicator {
  position: absolute;
  top: 0;
  bottom: 0;
  border-radius: 80px;
  background: #DE392E;
  z-index: 0;
 transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
   backdrop-filter: blur(10px);
}

.tab-btn {position: relative;  z-index: 1;}
.dark .testdirectory-card-wrappper h3 {color: #fff;}
.dark .testdirectory-search {border: 1px solid #E9E9E9;background-color: var(--bg-lightBase);}
.dark .testdirectory-search {color: #fff;}
.dark .testdirectory-search-outer img {filter: invert(1);}
.fy-select-inner {width: 100%;}
.testdirectory-tabs .tab-btn {font-size: 1rem;display: flex; gap: 15px; align-items: center;border-radius:80px; padding: 10px 20px; width: 50%; text-align: center;  justify-content: center;}
.testdirectory-tabs .tab-btn span {color: var(--color-primary);background-color: #f1f1f1; padding: 5px 5px;border-radius: 8px;border: 1px solid #ededed; display: inline-block;}

.testdirectory-tabs .tab-btn.active { color:#fff;}
.testdirectory-card-wrappper .no-margin-wrap p:nth-last-child(1) {font-size: 1rem;}

.testdirectory-filters {background-color: #ededed54; padding: 8px 18px; border-radius: 80px;}

#btnClearFilters {font-size: 0.875rem;}

@media (max-width: 1600px) {
.selected-value, .testdirectory-search {font-size: 0.875rem;}
}

@media (max-width: 1023px) {
.selected-value, .testdirectory-search {font-size: 0.75rem;}
.testdirectory-card-wrappper p {font-size: 0.875rem;}
}
@media (max-width: 767px) {
.testdirectory-tabs {border-radius: 0;}
.testdirectory-filters {border-radius: 0;}
.testdirectory-tabs .tab-btn {font-size: 0.875rem;flex-direction: column-reverse;; gap: 5px;border-radius: 0;}

.tab-wrapper {padding: 0 15px; margin: 0 -15px;}
.tab-indicator {border-radius: 0;}
}