.skeleton-box {
    animation: skeleton-loading 1s linear infinite alternate;
    color: transparent;
}

@keyframes skeleton-loading {
    0% {
        background-color: #464646; /* FROM Color 1 */
    }
    100% {
        background-color: #202020; /* TO Color 2 */
    }
}

.skeleton-box1 {
    animation: skeleton-loading1 1s linear infinite alternate;
    color: transparent;
}

@keyframes skeleton-loading1 {
    0% {
        background-color: #ececec; /* FROM Color 1 */
    }
    100% {
        background-color: #c9c9c9; /* TO Color 2 */
    }
}


.post-all-details .comment-list-wrappper .each-comments .prpic .skeleton-box{
    width: 32px;
    height: 32px;
    border-radius: 50%;
}

.post-all-details .comment-list-wrappper .each-comments .comment-details .skeleton-box{
    min-width: 100px;
    width: 40%;
    height: 10px;
    border-radius: 5px;
}

.post-all-details .comment-list-wrappper .each-comments .comment-details .comment-text .skeleton-box{
    min-width: 200px;
    width: 60%;
    height: 10px;
    border-radius: 5px;
}

.post-all-details .comment-list-wrappper .each-comments .comment-actions a .skeleton-box{
    width: 20px;
    height: 20px;
    border-radius: 50%;
    min-width: 0;
}

.post-all-details .comment-list-wrappper .each-comments .comment-actions a.text .skeleton-box{
    width: 30px;
    height: 6px;
    border-radius: 3px;
}

.post-all-details .comment-list-wrappper .each-comments  .comment-details .each-reply .prpic .skeleton-box{
    width: 32px;
    height: 32px;
    border-radius: 50%;
    min-width: 0;
}

.post-all-details .comment-list-wrappper .each-comments  .comment-details .each-reply .reply-details .skeleton-box{
    min-width: 100px;
    width: 40%;
    height: 10px;
    border-radius: 5px;
}

.post-all-details .comment-list-wrappper .each-comments  .comment-details .each-reply .reply-details .comment-text .skeleton-box{
    min-width: 200px;
    width: 60%;
    height: 10px;
    border-radius: 5px;
}

.chats-list-outer .chats-list-wrapper .each-chats .img-holder .skeleton-box{
    width: 48px;
  height: 48px;
  border-radius: 50%;
}

.chats-list-outer .chats-list-wrapper .each-chats .right-section .top-section .name .skeleton-box{
    width: 100px;
    height: 10px;
    border-radius: 5px;
}

.chats-list-outer .chats-list-wrapper .each-chats .right-section .bottom-section .chat-text .skeleton-box{
    width: 200px;
    height: 10px;
    border-radius: 5px;
    margin-top: 7px;
}

.chats-list-outer .user-added-list-wrapper .user-added-list .each-user .img-holder .skeleton-box{
    width: 48px;
    height: 48px;
    border-radius: 50%;
}

.chats-list-outer .user-added-list-wrapper .user-added-list .each-user .text-holder .skeleton-box{
    width: 48px;
    height: 10px;
    border-radius: 5px;
}

.confirm-popup-wrapper .popup-box .chat-profile-listing a .img-section .skeleton-box{
    height: 44px;
    width: 44px;
}

.confirm-popup-wrapper .popup-box .chat-profile-listing a .text-section .skeleton-box{
    width: 40px;
    height: 10px;
    border-radius: 5px;
}

.business-listing-wrapper .each-business .left-section .services-text .skeleton-box{
    width: 100%;
    height: 10px;
    border-radius: 5px;
}

.business-listing-wrapper .each-business .left-section .services-points .text-holder .skeleton-box{
    width: 90%;
    height: 6px;
    border-radius: 3px;
}
.business-listing-wrapper .each-business .left-section .id-text .skeleton-box{
    width: 100px;
    height: 10px;
    border-radius: 5px;
    margin-left: auto;
    margin-right: auto;
}

.business-listing-wrapper .each-business .left-section .endorsement-text .skeleton-box{
    width: 100%;
    height: 20px;
    border-radius: 10px;
}

.business-listing-wrapper .each-business .left-section .connection-wrapper .skeleton-box{
    width: 88px;
    height: 20px;
    border-radius: 10px;
    margin-left: auto;
    margin-right: auto;
}

.business-listing-wrapper .each-business .right-section .location-text .skeleton-box{
    width: 88px;
    height: 10px;
    border-radius: 5px;
    margin-left: auto;
    margin-right: 0;
}

.business-listing-wrapper .each-business .right-section .engagement-text .skeleton-box{
    width: 88px;
    height: 10px;
    border-radius: 5px;
    margin-left: auto;
    margin-right: auto;
}

.business-listing-wrapper .each-business .right-section .image-holder .skeleton-box{
    width: 100%;
    height: 100px;
    margin-left: auto;
    margin-right: auto;
}

.business-listing-wrapper .each-business-2 .head-text .skeleton-box {
    width: 100%;
    height: 10px;
    border-radius: 5px;
    max-width: 200px;
}

.business-listing-wrapper .each-business-2 .desc-section .content-section .skeleton-box {
    width: 100%;
    height: 10px;
    border-radius: 5px;
    max-width: 200px;
}

.business-listing-wrapper .each-business-2 .desc-section .bottom-section .left-links .skeleton-box {
    width: 60px;
    height: 20px;
    border-radius: 10px;
    margin-right: 10px;
}

.business-listing-wrapper .each-business-2 .desc-section .bottom-section .right-date-section .skeleton-box {
    height: 10px;
    border-radius: 5px;
    width: 100px;
}

.circle-wrapper .skeleton-box{
    width: 300px;
    height: 300px;
    border-radius: 50%;
}

.circle-selected-user .left-section .skeleton-box{
    height: 10px;
    border-radius: 5px;
    width: 60px;
    margin: 3px 0;
}

.circle-selected-user .right-section .skeleton-box{
    height: 28px;
    width: 90px;
    border-radius: 14px;
    margin: 3px 0;
}

.like-list-wrapper .each-connections .left-section .img-holder .skeleton-box1{
    width: 50px;
  height: 50px;
  border-radius: 50%;
}

.like-list-wrapper .each-connections .left-section .text-holder .name-text .skeleton-box1{
    min-width: 100px;
  width: 40%;
  height: 10px;
  border-radius: 5px;
}

.like-list-wrapper .each-connections .right-btn .skeleton-box1{
    width: 110px;
    height: 39px;
    border-radius: 8px;
}

.connections-wrapper .each-connections .left-section .img-holder .skeleton-box{
    width: 50px;
    height: 50px;
    border-radius: 50%;
}

.connections-wrapper .each-connections .left-section .text-holder .name-text .skeleton-box{
    height: 14px;
    border-radius: 7px;
    width: 100px;
}

.connections-wrapper .each-connections .connection-links a .skeleton-box{
    height: 6px;
    border-radius: 3px;
    width: 60px;
}