.Categories {}

.Categories .input_div {}

.Categories .input_div .input-group {}

.Categories .input_div .input-group .form-control {
    background: #070707 0% 0% no-repeat padding-box;
    opacity: 1;
    border: none;
    color: #9C9C9C;
    font-size: 16px;
    border-radius: 0px;
}

.Categories .input_div .input-group .form-control::placeholder {
    color: #9C9C9C;
}

.Categories .input_div .input-group .icon_main_holder {}

.Categories .input_div .input-group .icon_main_holder {}

.Categories .input_div .input-group .icon_main_holder .icon_span {
    background: #373737 0% 0% no-repeat padding-box;
    border: none;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    padding: 12px;
    border-radius: 0px;
}

.Categories .input_div .input-group .icon_main_holder .icon_span .icon {
    color: #9C9C9C;
    font-size: 25px;
}


.Categories .input_div .input-group .icon_main_holder .icon_span .icon {
    color: #9C9C9C;
    font-size: 25px;
}


.black_card_holder {
    background: #070707 0% 0% no-repeat padding-box;
    opacity: 1;
    border-top: 5px solid #2A2828;
    height: 315px;
    overflow-x: hidden;
    /* margin-top: 6%; */
}


.black_card_holder .card_heading {
    clip-path: polygon(0 0, 100% 0, 83% 100%, 0% 100%);
    background: #2A2828;
    width: 47%;
    padding: 5px 18px;
    position: sticky;
    top: 0;
    z-index: 99;
}

.black_card_holder .card_heading p {
    margin-bottom: 0px;
    color: #fff;
    font-size: 16px;
}

.black_card_holder .content_holder {
    padding: 25px 20px 9px 20px;
}


.black_card_holder .content_holder .inner_content_holder {}

.black_card_holder .content_holder .inner_content_holder a {
    color: #C5C3C3;
    margin-bottom: 10px;
    display: inline-block;
    font-size: 14px;
}


@media (min-width:0px) and (max-width:991px) {
    .black_card_holder .content_holder .inner_content_holder a {
        margin-bottom: 15px;
        font-size: 15px;
    }

    .black_card_holder {
        height: 360px;
        margin-bottom: 20px;
    }

    .black_card_holder .card_heading p {
        font-size: 14px;
    }

    .black_card_holder .card_heading {
        padding: 5px 10px;
    }
}

@media (min-width:992px) and (max-width:1200px) {
    .black_card_holder .content_holder .inner_content_holder a {
        font-size: 14px;
    }
}

@media (min-width:1201px) and (max-width:1399px) {

    .black_card_holder .content_holder .inner_content_holder a {
        font-size: 15px;
    }

}