.shimmer-card {
    display: flex;
    flex-direction: column;
    gap: 10px;
    animation: shimmer-animation 2s infinite linear;
}

.shimmer-placeholder {
    border-radius: 5px;
    overflow: hidden;
}

.shimmer {
    background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
    background-size: 200% 100%;
    animation: shimmer-loading 1.5s infinite;
}

.shimmer-text {
    height: 16px;
    width: 100%;
    border-radius: 4px;
}

h6.shimmer,
p.shimmer {
    margin-bottom: 0px !important;
}

p.shimmer {
    margin-top: 10px;
}


@keyframes shimmer-loading {
    0% {
        background-position: 100% 0;
    }

    100% {
        background-position: -100% 0;
    }
}