.userProfile_part{width: 100%;float: left;background: #005DAC;padding: 120px 0 30px;}
.userProfile{border-radius:10px;background:linear-gradient(90deg, #005DAC -70.86%, #002646 107.69%);position:relative;padding:44px 44px 44px 250px;display:flex;justify-content:space-between;align-items:center;width: 100%;float: left;    }
.userProfile .userPhoto{position:absolute;top:-50%;border-radius:50%;border:4px solid rgba(255, 255, 255, 0.2);height:180px;width:180px;display:flex;align-items:center;justify-content:center;left:44px;}
.userProfile .userPhoto .userImg{display:flex;align-items:center;justify-content:center;height:160px;width:160px;overflow:hidden;border-radius:50%;}
.userNum{position:absolute;bottom:-15px;border-radius:281.789px;background:#FFE37F;padding:0px 14px 0px 14px;}
.userNum2 .userRating{font-size:18px;font-weight:700;color:#000;line-height:172%;}
.userNum2 .certificateImg{position:absolute;top:-4px;right:-4px;}
.userInfo .usernameHeading{font-size:32px;font-weight:400;letter-spacing:-0.9px;line-height:normal;color:#fff;}
.userInfo .usernameHeading i{font-style: normal;}
.userInfo .userSubheading{font-size:18px;font-weight:400;line-height:100%;color:#B6D9F2;margin-top:12px;}
.userProfile .profileCompletion{width:30%;}
.userProfile .profileCompletion .headings{display:flex;justify-content:space-between;}
.userProfile .profileCompletion .headings .userProfiledet{font-size:18px;font-weight:400;line-height:100%;color:#fff;}
.userProfile_part .claimratiobar{margin-top:14px;width:100%;float: left;    background-color: rgba(255, 255, 255, 0.2);border-radius: 20px;overflow:hidden;}
.userProfile_part .claimratiobar .progress{width:100%;height:10px;display:flex;}
.userProfile_part .claimratiobar .progress-bar{background:linear-gradient(90deg, #42D0E9 0%, #15EFEF 100%);transition:width 0.6s ease;border-radius: 20px;}
.userProfile_part .claimratiobar .progressbar-active{animation-name:progress;animation-duration:1s;animation-fill-mode:forwards;animation-delay:0.4s;}
.userProfile .benefitsCta a{font-size:18px;font-weight:700;line-height:110%;color:#fff;border-radius:10px;background:#F58220;padding:20px 50px;}
@keyframes progress {
    0% {
      width: 0;
    }
    100% {
      width: 100%;
    }
  }


@media screen and (max-width: 1900px)
{
    .userProfile{    padding-top: 40px;}
}

@media screen and (max-width: 1600px)
{
    .userNum2 .userRating{font-size:14px;}
    .userInfo .usernameHeading{font-size:24px;}
    .userInfo .userSubheading{font-size:14px;}
    .userProfile .profileCompletion .headings .userProfiledet{font-size:14px;}
    .userProfile .benefitsCta a{font-size:14px;}
    .userProfile .userPhoto{height:140px;width:140px;left:54px;}
    .userProfile .userPhoto .userImg{height:130px;width:130px;}
    .userNum{padding:0px 26px 0px 12px;}
    .userNum .certificateImg{width:50%;top:-2px;}

    
}
@media screen and (max-width: 1599px)
{
    .userProfile_part{padding:60px 0 20px;}
    .userProfile .userInfo .usernameHeading{font-size:22px;}
    .userProfile{padding:30px 30px 30px 180px;}
    .userProfile .userPhoto{height:120px;width:120px;left:40px;top: -30%;}
    .userProfile .userPhoto .userImg{height:110px;width:110px;}
    .userProfile .benefitsCta a{padding:10px 16px;}
}
@media screen and (max-width: 1023px){
    .userProfile_part{padding: 20px 0;}
    .userNum .userRating{font-size:12px;}
    .userProfile .userInfo .usernameHeading{font-size:18px;}
    .userProfile .userInfo .userSubheading{font-size:12px;}
    .userProfile .profileCompletion .headings .userProfiledet{font-size:12px;}
    .userProfile .benefitsCta a{font-size:12px;}

    .userProfile{padding:20px;justify-content:flex-start;}
    .userProfile .userPhoto{height:100px;width:100px;position:unset;}
    .userProfile .userPhoto .userImg{height:90px;width:90px;}
    .userNum{bottom:unset;top:20px;right:20px;}
    .userProfile .userInfo{margin-left:24px;}
    .userProfile .profileCompletion{display:none;}
    .userProfile .benefitsCta{display:block;
      position: absolute;
      bottom: 15px;
      right: 20px;
    }
    .userNum2{
      bottom: 5px !important;
    }
}
@media screen and (max-width: 720px)
{
    .userProfile_part{padding: 25px 0;}
    .userNum2 .userRating{font-size:12px;}
    .userProfile .userInfo .usernameHeading{font-size:16px;}
    .userProfile .userInfo .userSubheading{font-size:14px;}
    .userProfile .profileCompletion .headings .userProfiledet{font-size:12px;}
    .userProfile .benefitsCta a{font-size:12px;}

    .userProfile{padding:20px;justify-content:flex-start;}
    .userProfile .userPhoto{height:100px;width:100px;position:unset;}
    .userProfile .userPhoto .userImg{height:90px;width:90px;}
    .userNum{bottom:unset;top:10px;right:20px;}
    .userProfile .userInfo{margin-left:24px;}
    .userProfile .profileCompletion{display:none;}
    .userProfile .benefitsCta{
      display:block;
      position: absolute;
      bottom: 14px;
      right: 20px;
    }
    .userNum2{
      bottom: 5px !important;
    }
}

.userNum2 {
  position: absolute;
  bottom: -15px;
  border-radius: 281.789px;
  background: #FFE37F;
  padding: 0px 26px 0px 24px;
}