.recent-box {
    background-color: rgb(251, 249, 255);
}

.event-img-div {
    display: flex;
    align-items: center;
    justify-content: center;
}

.event-img-div img{
    width: 100%;
}

/* @media screen and (min-width: 768px) {
    .event-img-div {
        justify-content: center;
    }
} */

.event-data-div {
    overflow: hidden;
    min-height: 145px;
    margin-bottom: 20px;
}
.event-data-div .date-box {
    background: rgb(255, 231, 230);
    padding: 5px 10px;
}

.event-data-div a {
    color: black !important;
}
.event-data-div > p {
    position: absolute;
    color: rgb(87, 98, 114) !important;
}

.recent-box {
    padding-top: 20px;
}

.recent-box-div {
    display: flex;
    margin-bottom: 10px;
}

.recent-div-img-div img {
    width: 90px;
}

.recent-div-data-div * {
    color: rgb(87, 98, 114);
}

.hover-test-red:hover {
    color: rgb(255, 81, 81);
    transition: 1s;
    cursor: pointer;
}

/* ========================================================= */
/* ========================================================= */
/* single event view : start */
.event-view-img-div img {
    height: 200px;
    margin: 30px 0;
}
.event-view-data-div h2 {
    font-size: 2rem;
}
.event-view-data-div h4 {
    color: rgb(87, 98, 114);
}
.event-view-data-div .date-box {
    color: rgb(87, 98, 114);
}
/* single event view : ends */
/* ========================================================= */
/* ========================================================= */