/* Inicio loader card-grad-client*/

.card-grad-client-loader {
    position: relative;
    /*width: 300px;*/
    /*height: 150px;*/
    border-radius: 0.25rem;

    background: rgb(13, 110, 253);
    background: linear-gradient(90deg, rgba(13, 110, 253, 1) 0%, rgba(0, 6, 176, 1) 100%, rgba(13, 110, 253, 1) 0%, rgba(0, 6, 176, 1) 100%);
}

.card-grad-client-loader::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: 0.25rem;

    animation: card-grad-client-loader 30s linear infinite;

    background: linear-gradient(90deg, rgba(13, 110, 253, 1), rgb(16, 79, 175), rgba(0, 6, 176, 1), rgba(13, 110, 253, 1), rgb(16, 79, 175), rgba(0, 6, 176, 1),
    rgba(13, 110, 253, 1), rgb(16, 79, 175), rgba(0, 6, 176, 1), rgba(13, 110, 253, 1));
    background-size: 500%;
}

.card-grad-client-loader::after {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: 0.25rem;

    animation: card-grad-client-loader 30s linear infinite;

    background: linear-gradient(90deg, rgba(13, 110, 253, 1), rgb(16, 79, 175), rgba(0, 6, 176, 1), rgba(13, 110, 253, 1), rgb(16, 79, 175), rgba(0, 6, 176, 1),
    rgba(13, 110, 253, 1), rgb(16, 79, 175), rgba(0, 6, 176, 1), rgba(13, 110, 253, 1));
    background-size: 500%;
}

@keyframes card-grad-client-loader {
    0% {
        background-position: 0 0;
    }
    0% {
        background-position: 500% 0;
    }
}

/* Fim loader card-grad-client*/


/* Inicio loader card-grad-plan*/

.card-grad-plan-loader {
    position: relative;
    /*width: 300px;*/
    /*height: 150px;*/
    border-radius: 0.25rem;
    background: rgb(13, 110, 253);
    background: linear-gradient(90deg, rgba(25, 135, 84, 1), rgb(19, 107, 66), rgba(18, 85, 54, 1));
}

.card-grad-plan-loader::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: 0.25rem;

    animation: card-grad-plan-loader 30s linear infinite;

    background: linear-gradient(90deg, rgba(25, 135, 84, 1), rgb(19, 107, 66), rgba(18, 85, 54, 1), rgba(25, 135, 84, 1), rgb(19, 107, 66), rgba(18, 85, 54, 1),
    rgba(25, 135, 84, 1), rgb(19, 107, 66), rgba(18, 85, 54, 1), rgba(25, 135, 84, 1));
    background-size: 500%;
}

.card-grad-plan-loader::after {
    position: absolute;
    content: '';
    inset: 0;
    border-radius: 0.25rem;

    animation: card-grad-plan-loader 30s linear infinite;

    background: linear-gradient(90deg, rgba(25, 135, 84, 1), rgb(19, 107, 66), rgba(18, 85, 54, 1), rgba(25, 135, 84, 1), rgb(19, 107, 66), rgba(18, 85, 54, 1),
    rgba(25, 135, 84, 1), rgb(19, 107, 66), rgba(18, 85, 54, 1), rgba(25, 135, 84, 1));
    background-size: 500%;
}

@keyframes card-grad-plan-loader {
    0% {
        background-position: 0 0;
    }
    0% {
        background-position: 500% 0;
    }
}

/* Fim loader card-grad-plan*/


/* Inicio loader card-grad-connection*/

.card-grad-connection-loader {
    position: relative;
    /*width: 300px;*/
    /*height: 150px;*/
    border-radius: 0.25rem;
    background: rgb(13, 110, 253);
    background: linear-gradient(90deg, rgba(255, 193, 7, 1), rgb(224, 170, 8), rgba(193, 144, 0, 1));
}

.card-grad-connection-loader::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: 0.25rem;

    animation: card-grad-connection-loader 30s linear infinite;

    background: linear-gradient(90deg, rgba(255, 193, 7, 1), rgb(224, 170, 8), rgba(193, 144, 0, 1), rgba(255, 193, 7, 1),
    rgba(255, 193, 7, 1), rgb(224, 170, 8), rgba(193, 144, 0, 1), rgba(255, 193, 7, 1));
    background-size: 500%;
}

.card-grad-connection-loader::after {
    position: absolute;
    content: '';
    inset: 0;
    border-radius: 0.25rem;

    animation: card-grad-connection-loader 30s linear infinite;

    background: linear-gradient(90deg, rgba(255, 193, 7, 1), rgb(224, 170, 8), rgba(193, 144, 0, 1), rgba(255, 193, 7, 1),
    rgba(255, 193, 7, 1), rgb(224, 170, 8), rgba(193, 144, 0, 1), rgba(255, 193, 7, 1));
    background-size: 500%;
}

@keyframes card-grad-connection-loader {
    0% {
        background-position: 0 0;
    }
    0% {
        background-position: 500% 0;
    }
}

/* Fim loader card-grad-connection*/


/* Inicio loader card-grad-upload*/

.card-grad-upload-loader {
    position: relative;
    /*width: 300px;*/
    /*height: 150px;*/
    border-radius: 0.25rem;
    background: rgb(13, 110, 253);
    background: linear-gradient(90deg, rgba(220, 53, 69, 1), rgb(173, 25, 40), rgba(122, 2, 13, 1));
}

.card-grad-upload-loader::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: 0.25rem;

    animation: card-grad-upload-loader 30s linear infinite;

    background: linear-gradient(90deg, rgba(220, 53, 69, 1), rgb(173, 25, 40), rgba(122, 2, 13, 1), rgba(220, 53, 69, 1),
    rgba(220, 53, 69, 1), rgb(173, 25, 40), rgba(122, 2, 13, 1), rgba(220, 53, 69, 1));
    background-size: 500%;
}

.card-grad-upload-loader::after {
    position: absolute;
    content: '';
    inset: 0;
    border-radius: 0.25rem;

    animation: card-grad-upload-loader 30s linear infinite;

    background: linear-gradient(90deg, rgba(220, 53, 69, 1), rgb(173, 25, 40), rgba(122, 2, 13, 1), rgba(220, 53, 69, 1),
    rgba(220, 53, 69, 1), rgb(173, 25, 40), rgba(122, 2, 13, 1), rgba(220, 53, 69, 1));
    background-size: 500%;
}

@keyframes card-grad-upload-loader {
    0% {
        background-position: 0 0;
    }
    0% {
        background-position: 500% 0;
    }
}

/* Fim loader card-grad-upload*/


/* Inicio loader card-grad-download*/

.card-grad-download-loader {
    position: relative;
    /*width: 300px;*/
    /*height: 150px;*/
    border-radius: 0.25rem;
    background: rgb(13, 110, 253);
    background: linear-gradient(90deg, rgba(126, 165, 173, 1), rgb(94, 113, 117), rgba(54, 70, 73, 1), rgba(126, 165, 173, 1));
}

.card-grad-download-loader::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: 0.25rem;

    animation: card-grad-download-loader 30s linear infinite;

    background: linear-gradient(90deg, rgba(126, 165, 173, 1), rgb(94, 113, 117), rgba(54, 70, 73, 1), rgba(126, 165, 173, 1),
    rgba(126, 165, 173, 1), rgb(94, 113, 117), rgba(54, 70, 73, 1), rgba(126, 165, 173, 1));
    background-size: 500%;
}

.card-grad-download-loader::after {
    position: absolute;
    content: '';
    inset: 0;
    border-radius: 0.25rem;

    animation: card-grad-download-loader 30s linear infinite;

    background: linear-gradient(90deg, rgba(126, 165, 173, 1), rgb(94, 113, 117), rgba(54, 70, 73, 1), rgba(126, 165, 173, 1),
    rgba(126, 165, 173, 1), rgb(94, 113, 117), rgba(54, 70, 73, 1), rgba(126, 165, 173, 1));
    background-size: 500%;
}

@keyframes card-grad-download-loader {
    0% {
        background-position: 0 0;
    }
    0% {
        background-position: 500% 0;
    }
}

/* Fim loader card-grad-download*/


/* Inicio loader card-grad-download*/

.card-grad-timeconnection-loader {
    position: relative;
    /*width: 300px;*/
    /*height: 150px;*/
    border-radius: 0.25rem;
    background: rgb(13, 110, 253);
    background: linear-gradient(90deg, rgba(13, 202, 240, 1), rgb(11, 169, 201), rgba(15, 148, 175, 1), rgba(13, 202, 240, 1));
}

.card-grad-timeconnection-loader::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: 0.25rem;

    animation: card-grad-timeconnection-loader 30s linear infinite;

    background: linear-gradient(90deg, rgba(13, 202, 240, 1), rgb(11, 169, 201), rgba(15, 148, 175, 1), rgba(13, 202, 240, 1),
    rgba(13, 202, 240, 1), rgb(11, 169, 201), rgba(15, 148, 175, 1), rgba(13, 202, 240, 1));
    background-size: 500%;
}

.card-grad-timeconnection-loader::after {
    position: absolute;
    content: '';
    inset: 0;
    border-radius: 0.25rem;

    animation: card-grad-timeconnection-loader 30s linear infinite;

    background: linear-gradient(90deg, rgba(13, 202, 240, 1), rgb(11, 169, 201), rgba(15, 148, 175, 1), rgba(13, 202, 240, 1),
    rgba(13, 202, 240, 1), rgb(11, 169, 201), rgba(15, 148, 175, 1), rgba(13, 202, 240, 1));
    background-size: 500%;
}

@keyframes card-grad-timeconnection-loader {
    0% {
        background-position: 0 0;
    }
    0% {
        background-position: 500% 0;
    }
}

/* Fim loader card-grad-download*/