/*--------------------------------------Cards Running Border Animation CSS----------------------------------*/
.running-border {
    position: relative;
    z-index: 1;
}

.running-border::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 15px;
    padding: 3px;
    background: linear-gradient(120deg, #137cc5, skyblue, white, #137cc5, navy, white, #137cc5, skyblue, navy);
    /*background: linear-gradient(90deg, #137cc5,blue,white,skyblue,#137cc5);*/
    background-size: 300% 100%;
    z-index: -1;
    mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    mask-composite: exclude;
    -webkit-mask-composite: destination-out;
    opacity: 0;
    transition: opacity 0.5s ease;
}

.running-border:hover::before {
    opacity: 1;
    animation: borderRun 2s linear infinite;
}

@keyframes borderRun {
    0% {
        background-position: 0 50%;
    }
    100% {
        background-position: 100% 50%;
    }
}

/*-------------------------------------- END Cards Running Border Animation CSS----------------------------------*/