.tp_list {
    display: flex;
    overflow-x: auto;
    padding-bottom: 6px;
}

.tp_list2 {
    display: none;
}

.possty {
    position: sticky;
    z-index: 999;
    background: #fff;
    padding: 10px var(--all-pd);
    top: 0;
}

.tp_list a {
    flex-shrink: 0;
    display: block;
    background: #e8f6fd;
    border-radius: 10px 10px 10px 10px;
    /* min-height: 73px; */
    font-family: Poppins;
    /* font-size: 18px; */
    color: #333333;
    /* line-height: 26px; */
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px 17px 15px 28px;
    padding: 10px;
    /* max-width: 280px */
}

.tp_list a:not(:first-child) {
    margin-left: 16px
}

.tp_list a.active {
    background: var(--color-main);
    color: #fff
}

.tp_list a.active:hover {
    background: var(--color-main2);
    color: #fff !important
}

@media screen and (max-width:950px) {
    .tp_list2 {
        display: flex !important;
    }
.tp_list{ display: none;}
    .tp_list2 a {
        white-space: nowrap;
        display: unset;
        max-width: unset;
        min-height: unset;
    }
.z_btns a{ width: 200px !important;}
    .tp_list2 a:first-child span {
        position: unset !important;
        margin-left: 10px;
    }
}