/* section blog */
    .container_blog{
        width: max-content;
        max-width: 100%;
        margin: 0 auto;
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
        margin-bottom: 16px;
    }

    .content_blog{
        flex: 0 0 350px;
    }

    .box_img_blog{
        position: relative;
        width: 100%;
        height: 192px;
        overflow: hidden;
        border-radius: 16px 16px 0 0;
    }

    .box_img_blog img{
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 16px;
    }

    .box_img_blog:before{
        content: '';
        position: absolute;
        width: 100%; height: 192px;
        top: 0; left: 0;
        background-image: linear-gradient(to bottom, transparent, transparent, transparent, var(--blue));
    }

    .content_blog:hover img{
        scale: 1.1;
    }

    .category_blog{
        position: absolute;
        left: 0; bottom: 12px;
        width: max-content;
        padding: 8px 20px 8px 8px;
        background: var(--yellow);
        color: var(--white);
        text-transform: capitalize;
        clip-path: polygon(0% 0%, 90% 0, 100% 50%, 90% 100%, 0% 100%);
    }

    .blog_title{
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        font-weight: 600;
        margin: 8px auto;
    }

    .lire_plus{
        display: flex;
        align-items: center;
        gap: 5px;
        font-weight: 600;
        color: var(--blue);
        svg{
            fill: var(--blue);
        }
    }

    .lire_plus:hover{
        color: var(--yellow);
        svg{
            fill: var(--yellow);
        }
    }
/* section blog */

/* responsive */
    /* section blog */
        @media screen and (max-width: 450px) {
            .content_blog{
                flex: 0 0 90%;
            }
        }
    /* section blog */
/* responsive */