.template-9826.custom_card.style-1::before,
.template-9826.custom_card.style-1::after {
    content: "";
    position: absolute;
    top: -2.5px;
    left: -2.5px;
    right: -2.5px;
    bottom: -2.5px;
    border-radius: 20px;
    background: linear-gradient(
        135deg,
        var(--color-3),
        var(--color-4)
    );
    pointer-events: none;
    transition: clip-path 1s ease, border-radius 1s ease;
    padding: 5px;
    box-sizing: border-box;
    -webkit-mask:
        linear-gradient(#000 0 0) content-box,
        linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
            mask-composite: exclude;
    z-index: 0;
}

/* Show only the top-right (50% of top & right) */

.template-9826.custom_card.style-1::before {
    clip-path: polygon(
        50% 0,   /* start: middle of top edge */
        100% 0,  /* top-right corner */
        100% 25%,/* down 25% along right edge */
        50% 25%  /* back to middle-top area */
    );
}

/* Show only the bottom-left (50% of bottom & left) */

.template-9826.custom_card.style-1::after {
    clip-path: polygon(
        0 75%,   /* left edge, 75% down */
        25% 75%, /* inwards 25% from left at same height */
        50% 100%,/* bottom edge, 25% in from left */
        0 100%   /* bottom-left corner */
    );
}

@media (min-width: 991.92px) {

    .template-9826.custom_card.style-1:hover::before,
    .template-9826.custom_card.style-1:hover::after {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    }
}

/* Image hover effect */

.template-9826.custom_card.style-1 .custom_card__image  {
    transition: transform 1s, filter .6s;
    transform: scale(1);
}

@media (min-width: 991.92px) {

    .template-9826.custom_card.style-1.template-9826--hover-grayscale .custom_card__image {
        filter: grayscale(1);
    }

    .template-9826.custom_card.style-1.template-9826--hover-grayscale:hover .custom_card__image  {
        transform: scale(1.2);
        filter: grayscale(0);
    }
}

.template-9826.custom_card.style-1 .card__bg {
    content: '';
    position: absolute;
    top: 2.5px;
    bottom: 2.5px;
    left: 2.5px;
    right: 2.5px;
    border-radius: 20px;
    background: #fff;
    z-index: 1;
}

.template-9826.custom_card.style-1 .custom_card__image_wrapper,
.template-9826.custom_card.style-1 .custom_card__description {
    position: relative;
    z-index: 2;
}