.card-8811.card-simple,
.card-8811.card-simple h6,
.card-8811.card-simple .card__img,
.card-8811.card-simple img {
    transition: 0.3s;
}

.card-8811.card-simple .card__img {
    box-shadow: inset 0 0 4px 0 rgba(0, 0, 0, .25);
}

.card-8811.card-simple img {
    width: 100%;
    height:97px !important;
}

.card-8811.card-simple:hover h6 {
    color: var(--color-3);
}

.card-8811.card-simple:hover .card__img {
    box-shadow: inset 0 0 10px 3px rgba(0, 0, 0, .25);
}

/* 
    Alternative version of Card simple
*/

.card-8811.card-simple.card-simple--alt img {
    transition: transform .5s;
    height: auto !important;
    filter: brightness(60%);
    transition: 0.6s;
}

.card-8811.card-simple.card-simple--alt svg,
.card-8811.card-simple.card-simple--alt svg path {
    transition: 0.3s;
    fill: var(--color-3);
}

.card-8811.card-simple.card-simple--alt:hover svg {
    transform: rotate(45deg);;
}

.card-8811.card-simple.card-simple--alt:hover img {
    transform: scale(1.1);
    filter: brightness(100%);
}

/* card__before-text */

.card-8811 .card__before-text {
    font-weight: 500;
    font-size: 24px;
    line-height: 1;
    transform: rotate(-45deg);
    display: inline-block;
    transition: all .3s;
}

@media ( min-width: 992px ) {
    .card-8811:hover .card__before-text {
        transform: rotate(0);
    }
}