.tagbox {
    margin-bottom: 20px;
}

    .tagbox .title {
        font-family: Poppins700;
        font-size: 12px;
        text-transform: uppercase;
        color: #000000;
        margin-top: 5px;
    }

    .tagbox .item-container {
        background-color: #fff;
        padding: 7px;
        cursor: pointer;
    }

        .tagbox .item-container .item {
            font-family: Poppins400;
            font-size: 11px;
            color: #11181C;
        }

.tag-item-container {
    background-color: #F8F9FA;
    padding: 10px;
    padding-right: 10px;
    max-height: calc(100vh - 900px);
    overflow-y: scroll;
    display: block;
}

    .tag-item-container::-webkit-scrollbar {
        width: 5px;
        height: 5px;
    }

    .tag-item-container::-webkit-scrollbar-track {
        background: transparent;
    }

    .tag-item-container::-webkit-scrollbar-thumb {
        background-color: #ccc;
        border-radius: 20px;
        border: 1px solid transparent;
    }

    .tag-item-container .tag-item {
        border-bottom: solid 1px #ddd;
        padding: 5px;
        cursor: pointer;
        font-family: Poppins400;
        font-size: 11px;
        color: #11181C;
    }

@media (max-height: 1080px) {
    .tag-item-container {
        max-height: fit-content;
        max-height: -moz-fit-content;
    }
}