.drDocColumn {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        min-height: 350px;
        /* Minimum height for all cards */
    }

    @media (max-width: 768px) {
        .drDocColumn {
            min-height: 250px;
            /* Adjust for smaller screens */
        }
    }

    @media (max-width: 576px) {
        .drDocColumn {
            min-height: 200px;
            /* Further adjust for extra small screens */
        }
    }

    .text-wrap-custom {
        word-wrap: break-word;
        /* This property is used to wrap long words into a new line */
        overflow-wrap: break-word;
        /* This property is also used for word wrapping */
        word-break: break-word;
        /* This property is used to break words at the boundary */
        white-space: normal;
        /* This property ensures normal text wrapping */

    }

    .stretch-img {
        object-fit: cover;
        /* Ensures the image covers the entire container */
        width: 100%;
        /* Ensures the image takes up the full width of the container */
        height: 100%;
        /* Ensures the image takes up the full height of the container */
    }

    .stretch-img1 {
        object-fit: cover;
        /* Ensures the image covers the entire container */
        width: 100%;
        /* Ensures the image takes up the full width of the container */
        height: 16rem;
        /* Ensures the image takes up the full height of the container */
    }

    .span2 {
        width: 100%;
        /* Ensures the image takes up the full width of the container */
        height: 16rem;
        /* Ensures the image takes up the full height of the container */
    }



    /* Ensures the images cover their container */
    .stretch-img2 {
        height: 200px;
        /* Set a fixed height for the images */
        object-fit: cover;
        /* Ensures the image covers the entire container */
    }


    /* Flexbox utility for equal height columns */
    .npbColumn {
        display: flex;
        flex-direction: column;
    }

    .npbDescriptionWrap {
        flex-grow: 1;
    }

    /*                     */
    .imgHolder {
        position: relative;
        overflow: hidden;
    }

    .imgHolder .icnWrap {
        display: flex;
        width: 100%;
        height: 100%;
    }

    .imgHolder .imgHolderCoverNews {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .npbTimeTag {
        position: absolute;
        bottom: 0;
        left: 0;
        background-color: rgba(0, 0, 0, 0.5);
        padding: 5px;
    }

    .ppcontainer {
        text-align: left;
        float: left;
    }