:root {
    --knrf-font: 'Outfit', sans-serif;
    --knrf-font-2: 'Amita', cursive;
    --knrf-reey-font: 'reeyregular';
    --knrf-gray: #131216;
    --knrf-gray-rgb: 19, 18, 22;
    --knrf-base: #35aea4;
    --knrf-base-rgb: 62, 143, 117;
    --knrf-black: #141212;
    --knrf-black-rgb: 20, 18, 18;
    --knrf-primary: #f1b037;
    --knrf-primary-rgb: 255, 255, 50;
}


.img-box img {
    width: 250px !important;
}

.content-box h3 a {
    color: var(--knrf-base) !important;
    font-size: 20px;
}

.sidebar__latest-post-list li .img-box:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition-delay: .1s;
    transition-timing-function: ease-in-out;
    transition-duration: .7s;
    transition-property: all;
    /* box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px; */
    /* box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px; */
    background: none !important;
    opacity: 0;
    z-index: 1;
    content: "";
}

.sidebar__latest-post-list li {
    position: relative;
    display: flex;
    align-items: center;
    background: #f9f9f9;
    border: 1px solid #ececec;
    border-radius: 5px;
    padding: 20px 20px 20px;
    margin-bottom: 10px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
}