.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: 200px;
        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;
        font-size:40px;
    }

    .blog-detail .b-image {
        width: 100%;
        float: left;
        margin: 10px 15px 30px 0px;
        border-radius: 20px;
    }

@media screen and (max-width: 1030px) {

    .blog-detail .title {
        line-height: 30px;
        font-size: 22px;
    }
}