.card-custom {
    border-radius: 15px;
    font-family: Manrope, system-ui, sans-serif;
    overflow: hidden;
}
    .card-custom .card-img {
        max-height:350px;
        aspect-ratio:4/3;
        object-fit:cover;
    }

    .card-custom .card-img-overlay {
        /*        background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 48.48%, rgba(0, 0, 0, 0.80) 100%);*/
        background: linear-gradient(0deg,rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.7) 25%, rgba(0, 0, 0, 0) 75%);
        padding: var(--space-sm);
    }

    /* Card with Animated Text */
    .card-custom.animated-text .card-content {
        background-color: rgba(68, 85, 112, 0);
        backdrop-filter: blur(0px);
        height: 169px;
        padding: 25px;
        -webkit-transform: translate3d(0,100px,0);
        transform: translate3d(0,100px,0);
        -webkit-transition: all 0.35s cubic-bezier(0.40,-0.55,0.2,1.40);
        transition: all 0.35s cubic-bezier(0.40,-0.55,0.2,1.40);
    }

    .card-custom.animated-text:hover .card-content {
        background-color: rgba(68, 85, 112, 0.2);
        backdrop-filter: blur(10px);
        border-radius: 25px;
        padding: 25px;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }

    .card-custom.animated-text:hover .card-text {
        opacity: 1;
    }

    .card-custom.animated-text .card-title {
        color: #FFF;
    }

        .card-custom.animated-text .card-title::after {
            content: '+';
            color: var(--vivid-violet);
            margin-left: 5px;
            position: relative;
        }

    .card-custom.animated-text .card-text {
        opacity: 0;
        -webkit-transition: all 0.35s ease-in-out;
        transition: all 0.35s ease-in-out;
    }

    /* Card Simple */
    .card-custom.simple .card-content {
        color: #FFF;
    }
    a.card-custom:hover img.card-img,
    a.card-custom:focus img.card-img {
        -webkit-transform:scale3d(1.1,1.1,1);
        transform:scale3d(1.1,1.1,1);
    }
    a.card-custom:hover .card-content,
    a.card-custom:focus .card-content {
        -webkit-transform:translate3d(0,-5px,0px);
        transform:translate3d(0,-5px,0px);
    }

        .card-custom.simple .card-content p {
            color: #FFF;
            font-family: Manrope, system-ui, sans-serif;
            font-size: 1.35rem;
            letter-spacing: -.025rem;
            line-height: 1.4rem;
        }

            .card-custom.simple .card-content p:last-child {
                margin-bottom: 0;
            }

@media screen and (min-width: 992px) {
    .card-custom.animated-text .card-img {
        max-height: unset;
        aspect-ratio: unset;
    }
    .card-custom.animated-text .card-content p {
        font-size: 18px;
    }
}
@media screen and (min-width: 1400px) {
    .card-custom.simple .card-img-overlay {
        padding: clamp(35px, 2.5vw, 50px);
    }
}
/* Card Title and Text */
.card-custom.title-text .card-content {
    color:var(--bright-white);
}
.card-custom.title-text .card-content h3 {
    text-shadow: 0 0 8px rgba(0,0,0,0.5);
}
.card-custom.title-text .card-content p:last-child {
    margin-bottom: 0;
}