.allchallengesbystatus {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-inline: 10px;
}

.allchallengesbystatus .skeletonContainer,
.allchallengesbystatus .challengesContainer {
    width: 100%;
    height: 100%;
    display: flex;
    gap: 24px;
    flex-wrap: wrap;
}

.allchallengesbystatus .skeletonContainer {
    padding-top: 75px;
    padding-inline: 85px;
}

.allchallengesbystatus .skeletonContainer.hide {
    display: none;
}

.allchallengesbystatus .skeletonContainer .cardskeleton {
    min-width: 240px;
    height: 254px;
    border-radius: 8px;
}

.allchallengesbystatus .challengecard .challengecard-card {
    margin-right: 24px;
}