/**
 * Copyright © Magefan (support@magefan.com). All rights reserved.
 * Please visit Magefan.com for license details (https://magefan.com/end-user-license-agreement).
 *
 * Glory to Ukraine! Glory to the heroes!
 */


        .bottom-left {
            position: absolute;
            bottom: 0px;
            left: 5px;
            text-align: left;
            color: white;
            width: Calc(100% - 10px);
            padding: 0px 10px;
            background-image: linear-gradient(to bottom, rgb(135 135 135 / 12%), rgb(6 6 6));
            /* border-radius: 5px; */
        }
        .item.post-posed-date span {
            font-weight: 600;
            font-size: 10px;
        }

        .box_container {
            display: inline-block;
            width: 100%;
        }

        .img_sec {
            width: auto;
            height: auto;
            overflow: hidden;
        }

        .img_sec img {
            width: 100%;
            transition: transform .5s, filter .3s ease-in-out;
            transform-origin: center center;
            cursor: pointer;
            border: 1px solid transparent;
            border-radius: 5px;
        }

        .box_section:hover .img_sec img {
            filter: brightness(80%);
            transform: scale(1.1);
            border-radius: 5px;
        }

        p.post_title {
            text-transform: uppercase;
            font-weight: 600;
        }

        .container-fuid.pro_image_container {
            margin-top: 20px;
        }

        a.post_read_more_ {
            text-transform: uppercase;
            font-size: 10px;
            font-family: 'spartan';
            font-weight: 500;
            letter-spacing: 1px;
            padding: 6px 15px;
            background: #e60023;
            color: white;
            border-color: transparent;
            border-radius: 5px;
        }
        p.post_title {
            color: white;
            text-transform: capitalize;
            font-size: 14px;
            text-decoration: none !important;
        }
     .box_section a{
         text-decoration: none;
     }
     a.post_read_more {
        text-transform: capitalize;
        font-size: 11px;
        padding: 6px 10px;
        letter-spacing: 0px;
        background-color: #e60023;
        color: white;
        border-radius: 5px;
         font-weight: 500;
         float: left;
    }
     .post_tags_and_cats {
        float: right;
    }
     .post_bottom_info {
        display: inline-block;
        width: 100%;
    }
     .post-list-wrapper.blog-widget-recent > h3.title {
        display: inline-block;
        border: 1px solid #dddddd;
        min-width: 100%;
        padding: 20px 0px;
        text-align: center;
        text-transform: uppercase;
        font-weight: 700;
        font-family: headpro;
        background-color: #ebebeb;
    }
     .box_section_block {
        margin: 0px;
        width: 33.33%;
        display: inline-block;
        float: left;
        position: relative;
        text-align: center;
        border: 1px solid transparent;
        border-radius: 7px;
        overflow: hidden;
        background-position: inherit;
        background-size: auto 100%;
        /* background-image: linear-gradient(to bottom, rgba(255,0,0,0), rgb(151 151 151)); */
        /* border-radius: 5px; */
        /* overflow: hidden; */
    }
     .box_section {
    padding: 5px;
    border-radius: 5px !important;
    overflow: hidden;
}
body.blog-page li.item.blog_post {
    display: none;
}
     @media only screen and (max-width: 1100px) {
         
         .box_section_block {
            width: 50%;
         }
     }
     @media only screen and (max-width: 700px) {
         
         .box_section_block {
            width: 100%;
         }
     }
        @media only screen and (max-width: 480px) {
            .box_section {
                margin-bottom: 0px;
            }

            .container-fuid.pro_image_container {
                margin-top: 0px;
            }
            .img_sec:hover img {
                filter: brightness(80%);
                transform: scale(1.1);
            }
        }

        @media only screen and (max-width: 768px) {
            .box_section {
                margin-bottom: 0px;
            }
        }