.template-78.template-img-shadow-gradient .blog-card-common-component__title_on_image {
    z-index: 2;
}

.template-78.template-img-shadow-gradient .blog-card-common-component__image {
    overflow: hidden;
}

.template-78.template-img-shadow-gradient .blog-card-common-component__image:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    right: 0;
    top: 0;
    background: linear-gradient(to top, rgba(55, 55, 55, 1), rgba(55, 55, 55, 0));
    transition: transform .4s;
}

.template-78.template-img-shadow-gradient:hover .blog-card-common-component__image:after {
    transform: translateY(60%);
}

.template-78.template-animation-lines-top-bot:before,
.template-78.template-animation-lines-top-bot:after {
    content: '';
    background: var(--color-3);
    height: 4px;
    width: 50%;
    position: absolute;
    transition: transform .4s;
    transform: scaleX(0);
    transform-origin: left;
    top: 0;
    left: 0;
}

.template-78.template-animation-lines-top-bot:after {
    transform-origin: right;
    top: auto;
    left: auto;
    bottom: 0;
    right: 0;
}

.template-78.template-animation-lines-top-bot:hover:before,
.template-78.template-animation-lines-top-bot:hover:after {
    transform: scaleX(1);
}

.template-78.template-service-gradient .blog-card-common-component__image:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    right: 0;
    top: 0;
    background: linear-gradient(180deg, rgba(214, 214, 214, 0.35) 0%, #000 100%);
    pointer-events: none;
}