.template-6400.style-1 img {
    transition: transform .6s;
}

.template-6400.style-1 h5 {
    position: absolute;
    left: 0;
    bottom: 10px;
    text-align: center;
    z-index: 2;
    color: #fff;
    width: 100%;
    font-weight: normal;
    padding: 0 10px 10px;
}

.template-6400.style-1 h5:after {
    content: '';
    height: 2px;
    background: var(--color-3);
    width: 80%;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%) scaleX(0);
    transform-origin: center;
    transition: transform .5s;
}

.template-6400.style-1 a:hover h5:after {
    transform: translateX(-50%) scaleX(1);
}

.template-6400.style-1 a:hover img {
    transform: scale(1.1)
}

/* background shadow */

.template-6400.style-1.bg-shadow-1 .template_card a:has(>img)::after {
    content: '';
    position: absolute;
    top: 70%;
    filter: blur(20px);
    left: 0;
    height: 100%;
    width: 100%;
    pointer-events: none;
    transition: transform .5s;
    background: linear-gradient(to top, rgb(0 0 0), rgb(0 0 0 / 50%));
}