.search-tabs-wrapper {
    margin-bottom: 0.5rem;
}

.search-tabs-btn {
    color: #fff;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: 400;
    background: #52B947;
    border: none;
    text-decoration: none;
    border-radius: 6px;
    padding: 0.4rem 1rem;
}

.search-tabs-btn:hover {
    color: #fff;
    background: #52B947;
    text-decoration: none;
}

.search-tabs {
    gap: 5px;
    border: none;
    margin-bottom: 1.5rem;
}

.search-tabs .nav-link,
.search-tabs .nav-link:hover {
    color: #404040;
    font-family: Roboto, sans-serif;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.223;
    background: #EFEFEF;
    border: none;
    border-color: unset;
    text-decoration: none;
}

.search-tabs .nav-link.active,
.search-tabs .nav-link.active:hover {
    color: #fff;
    background: #52B947;
}

@media (max-width: 768px) {
    .search-tabs {
        gap: clamp(10px, 2vw, 20px);
    }

    .search-tabs .nav-link {
        padding-left: clamp(8px, 3vw, 16px);
        padding-right: clamp(8px, 3vw, 16px);
    }
}