.blog-box {
    background-color: var(--white);
    border-radius: 5px;
    border: solid 1px var(--l-grey);
    font-size: 16px;
    color: black;
    box-shadow: 0px 2px 12px -4px rgb(0 0 0 / 10%);
}

    .blog-box img {
        height: 230px;
        width: 100%;
        object-fit: contain;
        border-radius: 5px 5px 0px 0px;
        object-position: top;
    }

    .blog-box p {
        line-height: 25px;
    }






/*-----------------------------------------------------------------------mdia details -------------------------------------------------------------------------*/

.blog-detail {
    background: var(--white) !important;
    display: inline-block;
}

    .blog-detail .title {
        line-height: 45px;
        margin-top: 0px;
    }

    .blog-detail .b-image {
        max-width: 300px;
        float: left;
        margin: 0px 15px 0px 0px;
    }