/* ############### FOR MAIN USER PROFILE ################ */
    #profile .profile-overlay {
        position: absolute;
        top: 1px;
        width: 199px;
        height: 199px;
        border-radius: 50%;
        transform: rotate(-79deg);
    }

    /* SVG arc text */
    #profile .lg-arc-text {
        width: 200px;
        height: 200px;
        pointer-events: none;
        z-index: 1001;
        margin-top: -12px;
    }

    #profile .lg-arc-text text,
    .sml-arc-text-celebration text {
        font: 600 16px sans-serif;
        letter-spacing: 2px;
        text-transform: uppercase;
    }

    /* ############### FOR NAVIGATION USER PROFILE ################ */
    .navpic-overlay {
        position: absolute;
        top: 14px;
        left: 0;
        right: 0;
        width: 81px;
        height: 80px;
        border-radius: 50%;
        transform: rotate(-81deg);
        margin: 0 auto;
    }

    .congrats-profile-overlay{
        position: absolute;
        top: 33px;
        left: 0;
        right: 0;
        width: 81px;
        height: 80px;
        border-radius: 50%;
        transform: rotate(-81deg);
        margin: 0 auto;
    }

    .congrats-profile-arc-text {
        width: 88px;
        height: 83px;
        pointer-events: none;
        z-index: 1001;
        margin-top: -4px;
    }

    /* SVG arc text */
    .navpic-arc-text {
        width: 88px;
        height: 83px;
        pointer-events: none;
        z-index: 1001;
        margin-top: -4px;
    }

    /* ############### FOR USER PROFILE WIDGET IN BUZZBOARD ################ */
    .med-profile-overlay {
        position: absolute;
        top: 20px;
        left: 0;
        right: 0;
        width: 79px;
        height: 78px;
        border-radius: 50%;
        transform: rotate(-82deg);
        margin: 0.4px auto;
    }
   

    /* SVG arc text */
    .arc-text {
        position: absolute;
        width: 75px;
        height: 75px;
        pointer-events: none;
        z-index: 1001;
        margin-left: 0px;
        margin-top: 55px;
    }

    .arc-text text,
    .navpic-arc-text text,
    .congrats-profile-arc-text text{
        font: 600 16px sans-serif;
        letter-spacing: 2px;
        text-transform: uppercase;
    }

    /* ############### FOR FEEDS IN BUZZBOARD (FEED'S OWNER PROFILE, LASTEST COMMENT, LAST-SUBACTIVITY, COMMENTS, REPLY COMMENTS) ################ */
    .sml-feed-overlay,
    .sml-feed-comment-overlay {
        position: relative;
        top: 0px;
        left: 0px;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        transform: rotate(-80deg);
    }

    /* SVG arc text */
    .sml-feed-arc-text,
    .sml-feed-comment-arc-text {
        position: absolute;
        width: 40px;
        height: 40px;
        pointer-events: none;
        z-index: 1001;
        margin-top: -44px;
    }

    .sml-feed-comment-arc-text {
        margin-left: -50px !important;
    }

    #feedsList .sml-feed-subactivity-overlay,
    #feedsList .sml-feed-replycomment-overlay {
        position: absolute;
        left: 2.7rem;
        width: 30px;
        height: 30px;
        border-radius: 50%;
        transform: rotate(-78deg);
    }

    .sml-feed-replycomment-overlay {
        left: 0px !important;
    }

    .sml-feed-replycomment-arc-text,
    .sml-feed-subactivity-arc-text {
        position: absolute;
        width: 33px;
        height: 44px;
        pointer-events: none;
        z-index: 1001;
        margin-left: -41px;
        margin-top: -41px;
    }

    .sml-feed-subactivity-arc-text {
        margin-left: 1px !important;
        margin-top: -8px !important;
    }

    .sml-feed-arc-text text,
    .sml-feed-comment-arc-text text,
    .sml-feed-subactivity-arc-text text,
    .sml-feed-replycomment-arc-text text,
    .sml-toppers-arc-text text,
    .sml-managerpeer-arc-text text {
        font: 600 16px sans-serif;
        letter-spacing: 2px;
        text-transform: uppercase;
    }

     /* ############### FOR TOPPERS WIDGET IN BUZZBOARD ################ */
    .sml-toppers-overlay {
        position: relative;
        top: -2.8em;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        transform: rotate(-86deg);
    }

    .sml-toppers-arc-text {
        position: absolute;
        /* top: 5px;
        left: 16px; */
        width: 40px;
        height: 40px;
        pointer-events: none;
        z-index: 1001;
        margin-left: -19px;
        margin-top:-83px
    }

    /* ############### FOR MANAGERS AND PEERS IN BUZZBOARD ################ */
    .sml-managerpeer-overlay {
        position: relative;
        top: 0px;
        left: -35%;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        transform: rotate(-80deg);
    }

    /* SVG arc text */
    .sml-managerpeer-arc-text {
        position: relative;
        top: -5px;
        left: -72px;
        width: 40px;
        height: 40px;
        pointer-events: none;
        z-index: 1001;
        margin-left: -7px;
    }

    /* ############### FOR CELEBRATION WIDGET IN BUZZBOARD ################ */
    .sml-overlay-celebration {
        position: absolute;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        transform: rotate(-86deg);
    }

    /* SVG arc text */
    .sml-arc-text-celebration {
        /* position: absolute;
        top: -2px;
        left: 12px;
        width: 40px;
        height: 40px;
        pointer-events: none;
        z-index: 1001;
        margin-left: -5px; */
        position: absolute;
        width: 40px;
        height: 40px;
        pointer-events: none;
        z-index: 1001;
        margin-left: 1px;
        margin-top: -3px;
    }

    .celebrationViewMore .sml-overlay-celebration {
        position: absolute;
        top: 11px;
        left: 10px;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        transform: rotate(-86deg);
    }

    /* SVG arc text */
    .celebrationViewMore .sml-arc-text-celebration {
        position: absolute;
        /* top: 0px; */
        /* left: 13px; */
        width: 40px;
        height: 40px;
        pointer-events: none;
        z-index: 1001;
        margin-left: 1px;
        margin-top: -3px;
    }

    /* ############### FOR CHALLENGE PAGE ################ */
    .sml-challenge-overlay {
        position: relative;
        top: -40px;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        transform: rotate(-86deg);
    }

    /* SVG arc text */
    .sml-challenge-arc-text {
        position: relative;
        top: -84px;
        width: 40px;
        height: 40px;
        pointer-events: none;
        z-index: 101;
        margin-left: 0px;
    }

    /* ############### FOR CHALLENGE ACHIEVERS WIDGET ################ */
    .sml-challenge-achievers-overlay {
        position: relative;
        left: 5px;
        top: -40px;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        transform: rotate(-84deg);
    }

    /* SVG arc text */
    .sml-challenge-achievers-arc-text {
        position: absolute;
        margin: -84px 0 0 6px;
        width: 40px;
        height: 40px;
        pointer-events: none;
        z-index: 101;
    }

    /* ############### FOR CHALLENGE ACHIEVERS DETAILS DATA-TABLE ################ */
    .sml-challenge-achievers-details-overlay {
        position: relative;
        left: -41px;
        top: -1px;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        transform: rotate(-82deg);
    }

    .sml-challenge-achievers-details-arc-text {
        position: relative;
        top: 48px;
        left: -80px;
        margin: -103px 0 0 0;
        width: 40px;
        height: 40px;
        pointer-events: none;
        z-index: 101;
    }

    /* ############### FOR IDEA AND COMMNETS IN IDEA AND CHALLENGE ################ */
    .sml-idea-overlay,
    .sml-comments-overlay {
        position: relative;
        top: -40px;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        transform: rotate(-82deg);
    }

    /* SVG arc text */
    .sml-idea-arc-text,
    .sml-comments-arc-text {
        position: relative;
        top: -84px;
        width: 40px;
        height: 40px;
        pointer-events: none;
        z-index: 101;
    }

    .sml-idea-arc-text text,
    .sml-comments-arc-text text,
    .sml-challenge-arc-text text,
    .sml-challenge-achievers-arc-text text,
    .sml-challenge-achievers-details-arc-text text,
    .sml-event-blog-arc-text text {
        font: 600 16px sans-serif !important;
        letter-spacing: 2px;
        text-transform: uppercase;
    }

    /* ############### FOR EVENT HUB AND BLOG PAGE ################ */
    .sml-event-blog-overlay {
        position: relative;
        top: -40px;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        transform: rotate(-84deg);
    }

    /* SVG arc text */
    .sml-event-blog-arc-text {
        position: absolute;
        margin: -84px 0 0 0px;
        width: 40px;
        height: 40px;
        pointer-events: none;
        z-index: 101;
    }

    /* ############### FOR TALENT INSIGHTS PAGE - INSIGHTS AND KNOW MY TALENTS AND TEAMS ################ */
    .sml-insights-overlay,
    .sml-knowMyTalents-overlay,
    .sml-knowMyTalentsImg-overlay {
        position: relative;
        top: -40px;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        transform: rotate(-84deg);
    }

    .sml-knowMyTalentsImg-overlay {
        left: 3px;
        height: 40px !important;
    }

    /* SVG arc text */
    .sml-insights-arc-text,
    .sml-knowMyTalents-arc-text {
        position: relative;
        top: -84px;
        width: 40px;
        height: 40px;
        pointer-events: none;
        z-index: 101;
        margin-left: 1px;
    }

    .sml-knowMyTalents-arc-text {
        height: 40px !important;
    }

    .sml-knowMyTalentsImg-arc-text {
        position: relative;
        top: -84.4px;
        width: 40px;
        height: 40px;
        pointer-events: none;
        z-index: 101;
        margin-left: 5px;
    }

    .sml-insights-arc-text text,
    .sml-knowMyTalents-arc-text text,
    .sml-knowMyTalentsImg-arc-text text {
        font: 600 16px sans-serif !important;
        letter-spacing: 2px;
        text-transform: uppercase;
    }

    #INSIGHT-CARD-topTenUserInnovationScoreScore .sml-insights-overlay {
        position: absolute;
        top: 0;
    }

    #INSIGHT-CARD-topTenUserInnovationScoreScore .sml-insights-arc-text {
        position: absolute;
        top: -3px;
        left: 0px;
        width:40px;
    }

    /* ############### FOR USER PROFILE IN WELCOME SCREEN (DASHBOARD) ################ */
    .welcomeStrip-overlay {
        position: absolute;
        top: 10px;
        left: 0;
        right: 0;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        transform: rotate(-86deg);
        margin: auto;
    }

    /* SVG arc text */
    .welcomeStrip-arc-text {
        position: absolute;
        width: 40px;
        height: 40px;
        pointer-events: none;
        z-index: 1001;
        margin-left: -38px;
        margin-top: -6px;
    }

    .welcomeStrip-arc-text text{
        font: 600 16px sans-serif;
        letter-spacing: 2px;
        text-transform: uppercase;
    }

    /* ############### FOR USER PROFILE IN ACTIVITY FEED WIDGET (DASHBOARD) ################ */
    .activityFeedWidget-overlay {
        position: relative;
        top: -40px;
        left: 0;
        right: 0;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        transform: rotate(-83deg);
        margin: auto;
        z-index: 100;
    }

    /* SVG arc text */
    .activityFeedWidget-arc-text {
        position: absolute;
        width: 40px;
        height: 40px;
        pointer-events: none;
        z-index: 1001;
        margin-left: 2px;
        margin-top: -26px;
    }

    .activityFeedWidget-arc-text text{
        font: 600 16px sans-serif;
        letter-spacing: 2px;
        text-transform: uppercase;
    }

    /* ############### FOR HALL-TALKS ################ */
    .sml-hallTalk-overlay {
        position: relative;
        top: -45px;
        width: 40px;
        height: 39px;
        border-radius: 50%;
        transform: rotate(-84deg);
    }

    .sml-hallTalkPopUpAndImg-overlay {
        position: relative;
        top: -40px;
        width: 40px;
        height: 41px;
        border-radius: 50%;
        transform: rotate(-84deg);
    }

    /* SVG arc text */
    .sml-hallTalk-arc-text, 
    .sml-hallTalkPopUpAndImg-arc-text{
        position: relative;
        top: -103px;
        width: 48px;
        height: 62px;
        pointer-events: none;
        z-index: 101;
        /* margin-left: -1.5px; */
    }

    .sml-hallTalkPopUpAndImg-arc-text{
        top: -95px !important;
        height: 57px !important;
    }

    .sml-hallTalk-arc-text text,
    .sml-hallTalkPopUpAndImg-arc-text text {
        font: 600 16px sans-serif;
        letter-spacing: 2px;
        text-transform: uppercase;
    }


    /* ############### FOR MY APPROVALS PAGE ################ */
    .sml-myApprovals-arc-text {
        position: relative;
        top: -15px;
        width: 52px;
        height: 56px;
        pointer-events: none;
        z-index: 101;
        margin-left: -42px;
    }

    .sml-myApprovals-overlay {
        position: relative;
        top: 0px;
        width: 42px;
        height: 41px;
        border-radius: 50%;
        transform: rotate(-79deg);
        margin-left: -42px;
    }

    .sml-myApprovalsWithImg-arc-text {
        position: relative;
        top: -16px;
        width: 55px;
        height: 56px;
        pointer-events: none;
        z-index: 101;
        margin-left: -43px;
    }

    .sml-myApprovalsWithImg-overlay {
        position: relative;
        top: 0px;
        width: 41px;
        height: 42px;
        border-radius: 50%;
        transform: rotate(-81deg);
        margin-left: -41px;
    }

    .sml-myApprovalsWithImg-arc-text text,
    .sml-myApprovals-arc-text text {
        font: 600 16px sans-serif;
        letter-spacing: 2px;
        text-transform: uppercase;
    }

    /* ############### FOR APPROVAL STATUS IN MY APPROVALS DATA TABLE ################ */
    .sml-approvalStatusPending-overlay {
        position: absolute;
        top: 11px;
        width: 41px;
        height: 41px;
        border-radius: 50%;
        transform: rotate(-82deg);
        margin-left: 0px;
    }

    .sml-approvalStatusPending-arc-text {
        position: absolute;
        top: -5px;
        width: 52px;
        height: 57px;
        pointer-events: none;
        z-index: 101;
        left: 9px;
    }

    .sml-approvalStatusPending-arc-text text,
    .sml-approvalStatus-arc-text text {
        font: 600 16px sans-serif;
        letter-spacing: 2px;
        text-transform: uppercase;
    }

    .sml-approvalStatus-overlay {
        position: absolute;
        top: 48px;
        width: 39px;
        height: 40px;
        border-radius: 50%;
        transform: rotate(-83deg);
        margin-left: 0px;
    }

    .sml-approvalStatus-arc-text {
        position: absolute;
        top: 31px;
        width: 50px;
        height: 56px;
        pointer-events: none;
        z-index: 101;
        left: 9px;
    }

    /* ############### FOR PROJECT CENTRAL ################ */
    .recentProjectCards-overlay {
        position: relative;
        top: -5px;
        left: -44px;
        right: 0;
        width: 38px;
        height: 40px;
        border-radius: 50%;
        transform: rotate(-79deg);
        /* margin: auto; */
    }

    /* SVG arc text */
    .recentProjectCards-arc-text {
        position: relative;
        width: 50px;
        height: 53px;
        pointer-events: none;
        z-index: 1001;
        margin-left: -83px;
        margin-top: -20px;
    }

    .recentProjectCards-arc-text text,
    .projectCentralMyTasks-arc-text text,
    .allProjectCards-arc-text text,
    .projectResourcePlan-arc-text text {
        font: 600 16px sans-serif;
        letter-spacing: 2px;
        text-transform: uppercase;
    }
    
    .projectCentralMyTasks-overlay {
        position: relative;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        transform: rotate(-87deg);
        margin-left:-119px;
        margin-top:-5px;
    }

    /* SVG arc text */
    .projectCentralMyTasks-arc-text {
        position: relative;
        top: -13px;
        left: -40px;
        width: 45px;
        height: 45px;
        pointer-events: none;
        z-index: 1001;
    }

    .allProjectCards-overlay,
    .projectResourcePlan-overlay {
        position: relative;
        top: 11px;
        left: -48px;
        right: 0;
        width: 40px;
        height: 39px;
        border-radius: 50%;
        transform: rotate(-86deg);
        /* margin: auto; */
    }

    /* SVG arc text */
    .allProjectCards-arc-text{
        position: relative;
        left: 4.6px;
        top: 10px;
        width: 62px;
        height: 50px;
        pointer-events: none;
        z-index: 1001;
        margin-left: -102px;
        margin-top: -10px;
    }

    .projectResourcePlan-overlay {
        top: 1px !important;
        left: -44px !important;
        height: 40px !important;
        margin: 2px auto;
    }

    /* SVG arc text */
    .projectResourcePlan-arc-text {
        position: relative;
        top: -3px;
        width: 58px;
        height: 52px;
        pointer-events: none;
        z-index: 1001;
        margin-left: -92px;
        margin-top: -10px;

    }    
    
    /* ############### FOR BADGES IN USER PROFILE PAGE APPERICIATIONS ################ */
    .sml-userProfileAppreciation-overlay {
        position: absolute;
        top: 66px;
        width: 98px;
        height: 98px;
        border-radius: 50%;
        transform: rotate(-91deg);
        margin-left: 1px;
    }

    .sml-userProfileAppreciation-arc-text {
        position: absolute;
        width: 98px;
        height: 98px;
        pointer-events: none;
        z-index: 101;
        margin-left: -98px;
        margin-top: 62px;
    }

    .sml-userProfileAppreciation-arc-text text {
        font: 600 16px sans-serif;
        letter-spacing: 2px;
        text-transform: uppercase;
    }
    /* ############### FOR BADGES IN USER PROFILE IN NAVIGATION SEARCH ################ */

    .sml-userSearchProfile-overlay {
        position: relative;
        top: -50px;
        width: 50px;
        height: 50px;
        border-radius: 50%;
        transform: rotate(-89deg);
    }

    .sml-userSearchProfile-arc-text {
        position: relative;
        top: -105px;
        width: 50px;
        height: 58px;
        pointer-events: none;
        z-index: 101;
        margin-left: 0px;
    }
    .sml-userSearchProfile-arc-text text {
        font: 600 14px sans-serif;
        letter-spacing: 2px;
        text-transform: uppercase;
    }
    
    /* ############### FOR MY BADGES IN USER PROFILE  ################ */
    .med-myBadgesSection-overlay {
        position: absolute;
        top: -1px;
        left: 0;
        right: 0;
        width: 87px;
        height: 88px;
        border-radius: 50%;
        transform: rotate(-82deg);
        margin: 0.4px auto;
    }
   
    .myBadgesSectionarc-text {
        position: absolute;
        width: 85px;
        height: 85px;
        pointer-events: none;
        z-index: 1001;
        margin-left: -43px;
        margin-top: 11px;
        top:-10px;
        left:43px;
    }

    .myBadgesSectionarc-text text{
        font: 600 16px sans-serif;
        letter-spacing: 2px;
        text-transform: uppercase;
    }

    .med-myBadgesPopupSection-overlay {
        position: absolute;
        inset: -2px;                 
        border-radius: 50%;
        box-shadow: inset 12px 10px;
        transform: rotate(-82deg);
        z-index: 3;
        pointer-events: none;
        top: -4px;
        height: 123px;
        width: 120px;
    }

    .myBadgesPopupSectionarc-text {
        position: absolute;
        inset: 11px 39px 8px 2px;                 
        width: calc(100% - 12px);
        height: calc(100% - 12px);
        z-index: 4;
        pointer-events: none;
    }

    .myBadgesPopupSectionarc-text text {
        font: 600 13px sans-serif;
        letter-spacing: 1px;
        text-transform: uppercase;
        fill: #ffffff;
    }