.df-aside {
            background-color: #ffffff !important;
            margin-right: 22px;
            display: flex;
            height: 700px;
            overflow-y: scroll;
            overflow-x: hidden;
            max-height: 1400px;
}

.df-card {
     background-color: #fff;
     position: relative;
     transition: all .5s ease-in-out;
     box-shadow: 0 0 7px rgba(0, 0, 0, .1);
     margin: 10px 10px 20px 10px !important;
}
.df-header {
            background-color: rgba(246, 156, 0, 0.85);
            border-radius: 17px;
            padding: -1px !important;
}

.df-card__image {
    position: relative;
    overflow: hidden;
    min-height: 250px;
}
 .df-card__title {
            font-weight: 600;
    text-transform: capitalize;
    color: #0096D2;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
        }

        .df-card__feature {
            color:black !important;
            margin-top: 0 !important;
        }

        .df-card__feature span:first-of-type {
            font-weight: 500;
        }

        .df-card__more {
            font-weight: 500;
            color: #f69c00 !important;

        }

        .df-card__more span::after {
            content: " ..."
        }