Changes/Additions

#replace this in hundreddestination.razor
<div class="container-fluid mt-5" id="hundred-destination-tab" style="background: #ececec;">
    <ul class="nav nav-tabs x-tab">
        @foreach (var item in categories){
        <li class="nav-item ma-2 x-tab-item" @onclick="@(() => abc(item.Id))">
            <div class="nav-link x-tab-link">@item.Name</div>
        </li>
        }
    </ul>
</div>

/*
* Styles for x-tab
---------------------------------------------*/
.x-tab {
    color: #2c4058;
    font-family: 'Montserrat', sans-serif;
    font-size: 1.4em;
    text-transform: capitalize;
    font-weight: 500;
}
.x-tab-item{
    cursor:pointer;
}
    .x-tab-tem:focus, .x-tab-item:active, .x-tab-link:focus, .x-tab-link:active {
        font-weight: 700 !important;
        color: #000 !important;
    }