.readmore-btn {
    background-color: rgb(20 30 72);
    color           : white;
    padding         : 2px 8px;
    border-radius   : 6px;
    font-weight     : 600;
    text-decoration : none;
    display         : inline-flex;
    align-items     : center;
    gap             : 6px;
    transition      : 0.3s ease-in-out;
    font-size       : 12px;
}

.readmore-btn:hover {
    color    : #fff;
    transform: translateX(3px);
}

/* ===============two================ */

.img {
    width              : 300px;
    height             : 300px;
    object-fit         : cover;
    /* background-color: rgba(255, 201, 65, 0.959); */
    border-radius      : 6px;
    padding            : 4px;
}

.event-info p.desc-limit {
    display           : -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow          : hidden;
    text-overflow     : ellipsis;
    line-height       : 1.6em;
    max-height        : calc(1.6em * 2);
    margin-bottom     : 8px;
    color: black !important;
}


.gallery-title {
    font-size  : 16px;
    font-weight: 600;
    color      : #333;
}