.new_my_account_wrapper_background {
    background: #f1f1f1;
    padding: 144px 0px;
}

.new_my_account_wrapper {
    display: flex;
    justify-content: space-between;
    border-radius: 16px;
    background: #FAFAFA;
    height: 73px;
    padding: 0px 80px;
}

.new_my_account_starter_tab {
    display: flex;
    align-items: center;
}

.new_my_account_links,
.new_my_account_profile_info {
    display: flex;
    align-items: center;
}

.new_my_account_profile_info {
    gap: 12px;
}

.new_my_account_profile_image {
    margin-right: 12px;
}

.new_my_account_profile_info h5 {
    color: #171717;
    font-family: Montserrat;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
}

.new_my_account_profile_info p {
    color: #039;
    font-family: Montserrat;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
}

.new_my_account_link a {
    border-radius: 20px;
    border: 2px solid #039;
    color: #039;
    text-align: center;
    font-family: Montserrat;
    font-size: 14px;
    font-weight: 600;
    line-height: 17px;
    min-width: 190px;
    padding: 12px 0px;
    display: flex;
    justify-content: center;
}

.new_my_account_quick_guide {
    margin: 24px 0px 12px 0px;
}

.new_my_account_quick_guide_box {
    padding: 40px 80px;
    border-radius: 20px;
    background: #FFF;
}

.new_my_account_quick_guide_title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
}

.new_my_account_quick_guide_title h2 {
    color: #171717;
    font-family: Montserrat;
    font-size: 20px;
    font-weight: 600;
    line-height: 25px;
}

.new_my_account_quick_guide_title a {
    color: #FFF;
    text-align: center;
    font-family: Montserrat;
    font-size: 14px;
    font-weight: 600;
    line-height: 17px;
    border-radius: 20px;
    background: #039;
    padding: 11px 24px;
    display: inline-flex;
}

.new_my_account_quick_guide_content_image {
    background: #FFDE21;
    border-radius: 50%;
    height: 48px;
    width: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0px auto 9px auto;
    z-index: 14;
    position: relative;
}

.new_my_account_quick_guide_content_item {
    width: 77px;
    align-items: center;
    border-radius: 16px;
    background: #FFF;
}

.new_my_account_quick_guide_content_item h3 {
    color: #171717;
    text-align: center;
    font-family: Montserrat;
    font-size: 14px;
    font-weight: 600;
    line-height: 17px;
}

.new_my_account_quick_guide_content {
    display: flex;
    justify-content: space-between;
    position: relative;
}
.new_my_account_quick_guide_content::after{
    content: '';
    display: block;
    width: 94%;
    height: 1px;
    background: #F2F2F2;
    position: absolute;
    top: 25px;
    left: 50%;
    transform: translateX(-50%);
}
.new_my_account_next_challenge{
    margin-bottom: 12px;
}
.new_my_account_next_challenge_box {
    padding: 40px 80px;
    border-radius: 20px;
    background-color: #039;
    background-image: url('../new-img/background-next-challenge.png');
    background-repeat: no-repeat;
    background-position: -2.027px -3px;
    background-size: 100.171% 110.179%;
    height: 281px;
    justify-content: space-between;
    display: flex;
    flex-direction: column;
}

.new_my_account_next_challenge_time {
    display: flex;
    gap: 16px;
    margin-top: 24px;
}

.new_my_account_next_challenge_box h2 {
    color: #FFF;
    font-family: Montserrat;
    font-size: 28px;
    font-weight: 500;
    line-height: 34px;
}

.new_my_account_next_challenge_register a {
    display: inline-flex;
    border-radius: 20px;
    background: #FFF;
    min-width: 224px;
    padding: 12px 0px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin-top: 24px;
}

.new_my_account_next_challenge_register img {
    object-fit: contain;
}

.new_my_account_next_challenge_register p {
    color: #039;
    text-align: center;
    font-family: Montserrat;
    font-size: 14px;
    font-weight: 600;
    line-height: 17px;
}

.new_my_account_next_challenge_time h4 {
    color: #FFF;
    text-align: center;
    font-family: Montserrat;
    font-size: 35px;
    font-weight: 500;
    line-height: 42px;
}

.new_my_account_next_challenge_time p {
    color: #F2F2F2;
    text-align: center;
    font-family: Montserrat;
    font-size: 12px;
    font-weight: 400;
    line-height: 17px;
}

.new_my_account_next_challenge_time_separator p {
    color: #FFF;
    text-align: center;
    font-family: Montserrat;
    font-size: 20px;
    font-weight: 600;
    line-height: 25px;
}

.new_my_account_next_challenge_time_separator {
    position: relative;
    top: 7px;
}

.your_account_heading_inner{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    margin-bottom: 24px;

}
.your_account_tabs_a a{
        color: #039;
text-align: center;
font-family: Montserrat;
font-size: 14px;
font-weight: 600;
line-height: 17px;
border-radius: 20px;
border: 2px solid #039;
padding: 0px 16px;
height: 40px;
min-width: 180px;
display: inline-flex;
align-items: center;
justify-content: center;
}
.your_account_tabs {
    display: inline-flex;
    border-radius: 20px;
    border: 1px solid #F2F2F2;
    background: #FAFAFA;
    padding: 2px;
}

.your_account_wrapper {
    padding: 40px 80px;
    border-radius: 20px;
    background: #FFF;
}

.your_account_tabs a {
    color: #171717;
    font-family: Montserrat;
    font-size: 14px;
    font-weight: 600;
    line-height: 17px;
    padding: 13px 20px;
    border-radius: 20px;
    display: inline-flex;
    height: 43px;
}

.your_account_tabs a.active {
    background: #538CFF;
    color: #FFF;
    font-family: Montserrat;
    font-size: 14px;
    font-weight: 600;
    line-height: 17px;
}

.your_account_heading h2 {
    color: #171717;
    font-family: Montserrat;
    font-size: 28px;
    font-weight: 500;
    line-height: 34px;
    margin-bottom: 40px;
}

/* Tabs: hide all panels by default, show when active */
.your_account_tab_panel {
    display: none;
}

.your_account_tab_panel.active {
    display: block;
}

.your_account_challenges_tab_box {
    border-radius: 20px;
    background: rgba(0, 85, 255, 0.05);
    padding: 32px 40px;
    text-align: center;
    min-height: 221px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-bottom: 40px;
}

.your_account_challenges_tab_box h4 {
    color: #171717;
    text-align: center;
    font-family: Montserrat;
    font-size: 20px;
    font-weight: 600;
    line-height: 100%;
}

.your_account_challenges_tab_box p {
    color: #2F2F2F;
    text-align: center;
    font-family: Montserrat;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    max-width: 642px;
    margin: 0 auto;
}

.your_account_challenges_tab_box a {
    color: #FFF;
    text-align: center;
    font-family: Montserrat;
    font-size: 14px;
    font-weight: 600;
    line-height: 17px;
    border-radius: 20px;
    background: #039;
    display: inline-flex;
    min-width: 214px;
    height: 56px;
    align-items: center;
    justify-content: center;
}

.your_account_challenge_history_items {
    display: flex;
    gap: 8px;
}

.your_account_challenge_history_item {
    display: flex;
    border-radius: 20px;
    background: rgba(0, 85, 255, 0.05);
    height: 66px;
    padding: 0px 30px;
    min-width: 212px;
    justify-content: center;
    gap: 12px;
    margin: 24px 0px;
}

.your_account_challenge_history h2 {
    color: #171717;
    font-family: Montserrat;
    font-size: 20px;
    font-weight: 600;
    line-height: 100%;
}

.your_account_challenge_history_item div {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
}

.your_account_challenge_history_item div h5 {
    color: #171717;
    text-align: center;
    font-family: Montserrat;
    font-size: 35px;
    font-weight: 500;
    line-height: 100%;
}

.your_account_challenge_history_item div p {
    color: #2F2F2F;
    font-family: Montserrat;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
}

.your_account_challenge_history_item div span {
    color: #2F2F2F;
    font-family: Montserrat;
    font-size: 12px;
    font-weight: 400;
    line-height: 100%;
}

.your_account_challenge_history_list_item {
    border-radius: 20px;
    background: #FAFAFA;
    padding: 12px 8px;
    height: 49px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
}

.your_account_challenge_history_list_item:last-child {
    margin-bottom: 0px;
}

.your_account_challenge_history_list_item_info {
    display: flex;
    gap: 24px;
    align-items: center;
}

.your_account_challenge_history_list_item_info p {
    color: #2F2F2F;
    font-family: Montserrat;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

.your_account_challenge_history_list_item_info span {
    color: #696969;
    font-family: Montserrat;
    font-size: 12px;
    font-weight: 400;
    line-height: 17px;
}

.your_account_challenge_history_list_item_info_status {
    border-radius: 20px;
    height: 25px;
    display: flex;
    align-items: center;
    width: 81px;
    display: flex;
    align-items: center;
    gap: 4px;
    padding-left: 12px;
}

.your_account_challenge_history_list_item_info_status.pending {
    background: rgba(114, 114, 114, 0.71);
}

.your_account_challenge_history_list_item_info_status.won {
    background: #00B04C;
}

.your_account_challenge_history_list_item_info_status.loose {
    background: #538CFF;
    border: none;
}

.your_account_challenge_history_list_item_info_status p {
    color: #FFF;
    font-family: Montserrat;
    font-size: 12px;
    font-weight: 400;
    line-height: 17px;
}

.your_account_challenge_history_list_item_button_play_now a {
    color: #FFF;
    text-align: center;
    font-family: Montserrat;
    font-size: 14px;
    font-weight: 600;
    line-height: 17px;
    border-radius: 20px;
    background: #039;
    height: 33px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0px 16px;
}

.your_account_challenge_history_list_item_button_register a {
    color: #039;
    text-align: center;
    font-family: Montserrat;
    font-size: 14px;
    font-weight: 600;
    line-height: 17px;
    border-radius: 20px;
    background: #FFF;
    height: 33px;
    display: inline-flex;
    padding: 0px 8px;
    border: 2px solid #039;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.your_account_academy_progress_box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 20px;
    border: 1px solid #F2F2F2;
    background: rgba(0, 85, 255, 0.05);
    padding: 40px;
    flex-direction: column;
}

.your_account_academy_progress_box_title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-bottom: 32px;
}

.your_account_academy_progress_box_title_info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
}
.your_account_academy_progress_box_title_info .your_account_academy_progress_box_title_info_p{
    color: #696969;

    font-size: 12px;
font-weight: 400;
line-height: 17px; 
}
.your_account_academy_progress_box_title_info h4 {
    color: #02388F;
    font-family: Montserrat;
    font-size: 20px;
    font-weight: 600;
    line-height: 25px;
}

.your_account_academy_progress_box_title_info p {
    color: #4F4F4F;
    font-family: Montserrat;
    font-size: 12px;
    font-weight: 400;
    line-height: 17px;
}

.your_account_academy_progress_box_title_image {
    display: flex;
    gap: 8px;
}

.your_account_academy_tab h2 {
    color: #171717;
    margin-bottom: 24px;
    font-family: Montserrat;
    font-size: 20px;
    font-weight: 600;
    line-height: 25px;
}

.your_account_academy_progress_box_title_info_number {
    border: 2px solid #003DB8;
    border-radius: 50%;
}

.your_account_academy_progress_box_title_info_number p {
    background-color: #538CFF;
    height: 36px;
    width: 36px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--Grey-White, #FFF);
    text-align: center;
    font-family: Montserrat;
    font-size: 20px;
    font-weight: 600;
    line-height: 25px;
    margin: 2px;
}

.your_account_academy_progress_list_item_content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.your_account_academy_progress_list_item_info {
    display: flex;
    align-items: center;
    gap: 7px;
}

.your_account_academy_progress_list_item_actions {
    display: flex;
    align-items: center;
    gap: 16px;
}

.your_account_academy_progress_list_item_actions p {
    color: #00B04C;
    font-family: Montserrat;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

.your_account_academy_progress_list_item_info h3 {
    color: #171717;
    font-family: Montserrat;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
}

.your_account_academy_progress_list {
    width: 100%;
}

.your_account_academy_progress_list_item {
    border-radius: 20px;
    background: #FFF;
    padding: 12px 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
    flex-direction: column;
}
.your_account_toggle_content{
    display: none;
    padding-top: 20px;
}
.your_account_toggle_content h5{
    color: #2F2F2F;
    font-family: Montserrat;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 14px;
}
.your_account_toggle_content p{
    color: #696969;
    font-family: Montserrat;
    font-size: 12px;
    font-weight: 400;
    line-height: 17px; 
}
.your_account_academy_progress_list_item:last-child {
    margin-bottom: 0px;
}

.your_account_academy_progress_box {
    margin-bottom: 16px;
}

.your_account_academy_progress_box:last-child {
    margin-bottom: 0px;
}

.your_account_academy_progress_list_item_info p {
    overflow: hidden;
    color: #696969;
    text-overflow: ellipsis;
    font-family: Montserrat;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}.current_subscription_title h3,
.your_account_personal_title h2{
    color: #171717;
    font-family: Montserrat;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 25px;
    margin-bottom: 24px;
}
.your_account_academy_progress_list_item_content.locked_item {
    justify-content: left;
    gap: 16px;
}

.your_account_academy_progress_list_item_content.locked_item p {
    color: #898989;
    font-family: Montserrat;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

.your_account_academy_progress_list_item_content.locked_item h3 {
    color: #898989;
    font-family: Montserrat;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
}

.current_subscription_plan{
    border-radius: 20px;
    padding: 40px;
border: 1px solid #F2F2F2;
background: rgba(0, 85, 255, 0.05);
margin-bottom: 16px;
}

.current_subscription_input_box{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
}
.current_subscription_plan_input_box{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    margin: 32px 0px;
}
.current_subscription_plan_input_box_item h3{
    color: #2F2F2F;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
}

.current_subscription_plan_input_box_item h4{
    color: #171717;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
}
.current_subscription_plan_input_box_item p{
    color: #696969;
    font-size: 12px;
    font-weight: 400;
    line-height: 17px;
}

.current_subscription_plan_input_box_item{
    width: 100%;
}
  
  input[type="range"] {
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    height: 6px;
    border-radius: 999px;
    background: linear-gradient(
      to right,
      #1e64f0 calc(var(--value, 0) * 1%),
      white calc(var(--value, 0) * 1%)
    );
    outline: none;
    transition: background 0.2s ease;
  }
  
  input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #1e64f0;
    cursor: pointer;
    border: 2px solid #ffffff;
    box-shadow: 0 2px 6px rgba(30, 100, 240, 0.35);
    margin-top: -2px; /* visually center on 6px track */
  }
  
  input[type="range"]::-moz-range-thumb {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #1e64f0;
    cursor: pointer;
    border: 2px solid #ffffff;
    box-shadow: 0 2px 6px rgba(30, 100, 240, 0.35);
  }
  
  input[type="range"]::-webkit-slider-runnable-track {
    height: 6px;
    border-radius: 999px;
    background: transparent; /* gradient applied on input itself */
  }

  /* Firefox track segments */
  input[type="range"]::-moz-range-track {
    height: 6px;
    border-radius: 999px;
    background: #dcdcdc;
  }
  input[type="range"]::-moz-range-progress {
    height: 6px;
    border-radius: 999px 0 0 999px;
    background: #1e64f0;
  }



.current_subscription_plan_wrapper{
    display: flex;
    justify-content: space-between;
    align-items: center;
    
}
.current_subscription_plan_content{
    display: flex;
    align-items: center;
    gap: 16px;
}
.current_subscription_plan_content h2{
    color: #039;
    font-family: Montserrat;
    font-size: 28px;
    font-weight: 500;
    line-height: 34px;
}
.current_subscription_plan_link a{
    color: #FFF;
    font-size: 14px;
    font-weight: 600;
    line-height: 17px; 
    background: #039;
    padding: 0px 16px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 20px;
}
.current_subscription_plan_content p{
    color: #696969;
    font-size: 12px;
    font-weight: 400;
    line-height: 17px; 
}
.current_subscription_plan_content_img{
    height: 82px;
    width: 82px;
    border-radius: 50%;
    background-color: white;
    padding: 16px;
}
.current_subscription_plan_stats{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
}
.current_subscription_plan_stats_item{
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    justify-content: center;
    border-radius: 20px;
    background: rgba(0, 85, 255, 0.05);
padding: 0px 40px;
height: 66px;
}
.current_subscription_plan_stats_item h3{
    color: #171717;
    text-align: center;
    
    font-family: Montserrat;
    font-size: 35px;
    font-weight: 500;
    line-height: 42px;
}
.current_subscription_plan_stats_item h5{
    color: #2F2F2F;

    font-family: Montserrat;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
}
.current_subscription_plan_stats_item p{
        color: #696969;
    font-family: Montserrat;
font-size: 12px;
font-weight: 400;
line-height: 17px;
}

.billing_history_title{
    margin-top: 48px;
    margin-bottom: 16px;
}
.billing_history_title h2{
    color: #171717;
    margin-bottom: 12px;
    font-family: Montserrat;
    font-size: 20px;
    font-weight: 600;
    line-height: 25px;
}
.billing_history_title p{
    color: #4F4F4F;

    font-family: Montserrat;
    font-size: 12px;
    font-weight: 400;
    line-height: 17px;
}
.billing_history li{
    display: flex;
    justify-content: space-between;
    height: 44px;
    align-items: center;
    border-radius: 20px;
background: #FAFAFA;
padding: 0px 24px;
margin-bottom: 8px;
}
.billing_history li:last-child{
    margin-bottom: 0px;
}
.billing_history li div{
    display: flex;
    align-items: center;
}
.billing_history_items li span{
    color: #696969;

    font-family: Montserrat;
    font-size: 12px;
    font-weight: 400;
    line-height: 17px;
}   
.billing_history_items li h3{
    color: #2F2F2F;

    font-family: Montserrat;
    font-size: 14px;
    font-weight: 600;
    line-height: 17px;
    margin: 0px 24px 0px 24px;
}
.billing_history_items li p{
    color: #2F2F2F;
        
    font-family: Montserrat;
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
}

.billing_history_items h5{
    color: #2F2F2F;

font-size: 14px;
font-weight: 600;
line-height: 17px;
}





.referral_link{
    padding-top: 24px;
}
.referral_link_title h2 {
    color: #171717;
    font-family: Montserrat;
    font-size: 20px;
    font-weight: 600;
    line-height: 25px;
    margin-bottom: 12px;
}

.referral_link_title p {
    color: #4F4F4F;
    font-family: Montserrat;
    font-size: 12px;
    font-weight: 400;
    line-height: 17px;
}

.referral_link_stats_items {
    display: flex;
    justify-content: space-between;
    gap: 8px;
    margin: 16px 0px;
}

.referral_link_stats_item {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: center;
    border-radius: 20px;
    background: rgba(0, 85, 255, 0.05);
    gap: 12px;
    height: 66px;
}

.referral_link_stats_item h3 {
    color: #171717;
    text-align: center;
    font-family: Montserrat;
    font-size: 35px;
    font-weight: 500;
    line-height: 42px;
}

.referral_link_stats_item p {
    color: #696969;
    font-family: Montserrat;
    font-size: 12px;
    font-weight: 400;
    line-height: 17px;
}

.referral_link_stats_item h5 {
    color: #2F2F2F;
    font-family: Montserrat;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
}

.referral_link_socials {
    border-radius: 20px;
    border: 1px solid #F2F2F2;
    background: rgba(0, 85, 255, 0.05);
    padding: 40px;
}

.referral_link_social_item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px;
    border-radius: 20px;
    background: #FFF;
    margin-bottom: 34px;
}

.referral_link_social_item div {
    border-radius: 12px;
    background: #039;
    height: 33px;
    width: 33px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.referral_link_social_item_title {
    display: flex;
    align-items: center;
    gap: 18px;
}

.referral_link_social_item_title p {
    color: #171717;
    font-family: Montserrat;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
}

.referral_link_social_item_title ul {
    display: flex;
    align-items: center;
    gap: 16px;
}

.referral_link_social_item_title ul li {
    display: flex;
    align-items: center;
}
.referral_how_it_works{
    margin-top: 48px;
}
.referral_how_it_works h2{
    color: #171717;
    margin-bottom: 16px;    
    font-family: Montserrat;
    font-size:  20px;
    font-weight: 600;
    line-height: 25px;
}
.referral_how_it_works_items{
    display: flex;
    justify-content: space-between;
    gap: 16px;
}
.referral_how_it_works_item{
    display: flex;
    align-items: center;
    gap: 16px;
    border-radius: 20px;
    background: #FAFAFA;
    padding: 16px;
    width: 100%;
    height: 74px;
    position: relative;
}
.referral_how_it_works_item h3{
    color: #2F2F2F;
    text-align: center;
        font-family: Montserrat;
    font-size: 35px;
    font-weight: 500;
    line-height: 42px;        
}
.referral_how_it_works_item p{
    color: #2F2F2F;
    font-family: Montserrat;
    font-size: 12px;
    font-weight: 400;
    line-height: 17px;    
}
.referral_how_it_works_item::before{
    position: absolute;
    right: -17px;
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='42' viewBox='0 0 18 42' fill='none'%3E%3Cpath d='M0.5 0C3.70951 7.46294 14.2905 7.46294 17.5 0V42C14.2905 34.5371 3.70951 34.5371 0.5 42V0Z' fill='%23FAFAFA'/%3E%3C/svg%3E");
}
.referral_how_it_works_item:last-child::before {
    display: none;
}
.referral_history_title{
    margin-top: 48px;
    margin-bottom: 16px;
}
.referral_history_title h2{
    color: #171717;
    margin-bottom: 12px;
    font-family: Montserrat;
    font-size: 20px;
    font-weight: 600;
    line-height: 25px;
}
.referral_history_title p {
    color: #4F4F4F;
    font-family: Montserrat;
    font-size: 12px;
    font-weight: 400;
    line-height: 17px;
}
.referral_history li {
    display: flex;
    justify-content: space-between;
    height: 44px;
    align-items: center;
    border-radius: 20px;
    background: #FAFAFA;
    padding: 0px 24px;
    margin-bottom: 8px;
}
.referral_history li:last-child {
    margin-bottom: 0px;
}
.referral_history li div {
    display: flex;
    align-items: center;
}
.referral_history_items li span {
    color: #696969;
    font-family: Montserrat;
    font-size: 12px;
    font-weight: 400;
    line-height: 17px;
}   
.referral_history_items li h3 {
    color: #2F2F2F;
    font-family: Montserrat;
    font-size: 14px;
    font-weight: 600;
    line-height: 17px;
    margin: 0px 4px 0px 24px;
}
.referral_history_items li p {
    color: #2F2F2F;
    font-family: Montserrat;
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
}
.referral_history_items li h4 {
    color: #2F2F2F; 
    font-family: Montserrat;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
}
.referral_history_items li img {
    margin-right: 6px;
}

.your_account_settings_title h2 {
    color: #171717;
    font-family: Montserrat;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 25px; 
    margin: 24px 0px 16px 0px;
}
.your_account_settings_tab_content {
    border-radius: 20px;
    background: #FAFAFA;
    padding: 24px;
}
.your_account_settings_profile {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
}
.your_account_settings_profile_info {
    width: 100%;
}
.your_account_settings_profile_img {
    width: 140px;
    min-width: 140px;
    max-width: 140px;
    display: inline-flex;
    flex: 0 0 140px;
    overflow: hidden;
    box-sizing: border-box;
    max-height: 158px;
}
.your_account_settings_profile_img img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
}
.your_account_settings_profile_info_item {
    display: flex;
    flex-direction: column;
    border-radius: 12px;
    background: #FFF;
    padding: 16px;
    margin-bottom: 16px;
    height: 68px;
}
.your_account_settings_profile_info_item:last-child {
    margin-bottom: 0px;
}
.your_account_settings_profile_info_item_title {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.your_account_settings_profile_info_item h3 {
    color: #171717;
    font-family: Montserrat;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
}
.your_account_settings_profile_info_item a {
    color: #039;
    font-family: Montserrat;
    font-size: 14px;
    font-weight: 600;
    line-height: 17px;
}
.your_account_settings_profile_info_item p {
    color: #2F2F2F;
    font-family: Montserrat;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}
.your_account_settings_profile_img {
    border-radius: 16px;
    background: #FFF;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 16px;
}
.your_account_settings_profile_img a {
    color: #039;
    font-family: Montserrat;
    font-size: 14px;
    font-weight: 600;
    line-height: 17px;
}

.your_account_settings_subscription_items_wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 20px;
    background: #FAFAFA;
    padding: 24px;
}
.your_account_settings_subscription h2 {
    color: #171717;
    font-family: Montserrat;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 25px;
    margin: 48px 0px 16px 0px;
}
.your_account_settings_subscription_items_content {
    display: flex;
    align-items: center;
    gap: 32px;
}
.your_account_settings_subscription_items_content h4 {
    color: #039;
    font-family: Montserrat;
    font-size: 20px;
    font-weight: 600;
    line-height: 25px;
}
.your_account_settings_subscription_items_content span {
    color: #696969;
    font-family: Montserrat;
    font-size: 12px;
    font-weight: 400;
    line-height: 17px;
}
.your_account_settings_subscription_items_content p {
    color: #2F2F2F;
    font-family: Montserrat;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}
.your_account_settings_subscription_items_links {
    display: flex;
    gap: 24px;
    align-items: center;    
}
.your_account_settings_subscription_items_links_upgrade a {
    color: #FFF;
    text-align: center;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 17px;
    border-radius: 20px;
    background: #039;
    height: 48px;
    display: flex;
    align-items: center;
    padding: 0 24px;
    text-decoration: none;
}
.your_account_settings_subscription_items_links_cancel a {
    color: #D70E09;
    text-align: center;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 17px;
    text-decoration: none;
    height: 48px;
    display: flex;
    align-items: center;
    padding: 0 24px;
}

.your_account_settings_payment_methods h2 {
    color: #171717;
    font-size: 20px;
    font-weight: 600;
    line-height: 25px;
    margin: 48px 0px 16px 0px;
}
.your_account_settings_payment_methods p {
    color: #696969;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    margin-bottom: 12px;
}
.your_account_settings_payment_methods a {
    color: #039;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    line-height: 17px;
    border-radius: 20px;
    border: 2px solid #039;
    padding: 0px 16px;
    height: 48px;
    display: inline-flex;
    align-items: center;
}
.your_account_settings_payment_methods_items {
    border-radius: 20px;
    background: #FAFAFA;
    padding: 24px 40px;    
}
.your_account_settings_payment_methods_content {
    opacity: 0.2;
}
.your_account_delete_account a {
    color: #D70E09;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 17px;
    padding: 16px;
    display: flex;
    margin-top: 24px;
}










/* Pop Ups */

.new_my_account_change_pop_up_1 {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 234;
}

.new_my_account_change_pop_up_box{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #FFF;
    padding: 64px 128px;
    border-radius: 20px;
    width: 642px;
}

.new_my_account_change_pop_up_box_title{
    width: 100%;
}
.new_my_account_change_pop_up_box_title h2{
    color: #171717;
    text-align: center;
        font-size: 28px;
    font-style: normal;
    font-weight: 500;
    line-height: 34px;
    margin-bottom: 12px;
}
.new_my_account_change_pop_up_box_title p {
    color: #2F2F2F;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

.new_my_account_change_pop_up_box_links {
    display: flex;
    gap: 16px;
}

.new_my_account_change_pop_up_box_save,
.new_my_account_change_pop_up_box_close {
    width: 100%;
}

.new_my_account_change_pop_up_box_close a {
    border-radius: 12px;
    border: 1px solid #00559A;
    background: rgba(250, 250, 250, 0.00);
    color: #00559A;
    font-family: "Open Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.new_my_account_change_pop_up_box_save a {
    border-radius: 12px;
    border: 1px solid rgba(250, 250, 250, 0.00);
    background: #039;
    color: #FFF;
    font-family: "Open Sans";
    font-size: 16px;
    font-weight: 600;
    line-height: 28px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.new_my_account_change_pop_up_1_avatar {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    margin: 24px 0px;
}

.new_my_account_change_pop_up_1_avatar_item {
    flex: 0 0 calc((100% - 48px)/4);
}

.new_my_account_change_pop_up_avatar_input {
    margin: 24px 0px;
}

.new_my_account_change_pop_up_avatar_input p {
    color: #424242;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 14px;
    letter-spacing: 0;
    padding-left: 16px;
    margin-top: 4px;
}

.new_my_account_change_pop_up_avatar_input input::placeholder,
.new_my_account_change_pop_up_avatar_input input {
    color: #424242;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
}

.new_my_account_change_pop_up_box_number_input .phone-wrapper{
    border-radius: 12px;
border: 1px solid #616161;
background: #FAFAFA;
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.08);
}
.phone-wrapper input{
    background-color: #FAFAFA;
}
.new_my_account_change_pop_up_box_number_input{
    margin: 24px 0px;
}
.new_my_account_change_pop_up_box_number_progress_item{
    display: flex;
    gap: 8px;
}

.new_my_account_change_pop_up_box_number_progress_item_next{
    border-radius: 666px;
background: rgba(245, 245, 245, 0.30);
height: 4px;
width: 100%;
margin-bottom: 8px;
}
.new_my_account_change_pop_up_box_number_progress_item_current{
    border-radius: 666px;
    background: #00559A;
    height: 4px;
    width: 100%;
    margin-bottom: 8px;
}
.new_my_account_change_pop_up_box_number_progress_item_passed{
    border-radius: 666px;
    background: rgba(0, 0, 0, 0.30);
    height: 4px;
    width: 100%;
    margin-bottom: 8px;
}
.new_my_account_change_pop_up_box_number_progress{
    margin-bottom: 24px;
}
.new_my_account_change_pop_up_box_number_progress p{
    text-align: center;
    color: #2F2F2F;
text-align: center;

font-family: Montserrat;
font-size: 12px;
font-weight: 400;
line-height: 17px;
letter-spacing: 3px;
}
.new_my_account_change_pop_up_box_title h3{
    color: #171717;
    text-align: center;
    
    font-family: Montserrat;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px;
    margin: 8px 0px 12px 0px;
}
.new_my_account_change_pop_up_box_title p:last-child{
    color: #696969;
    text-align: center;
    
    font-family: Montserrat;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px; 
    max-width: 280px;
    margin: 0 auto;
}
.new_my_account_change_pop_up_1 .email-input {
    margin-top:24px;
}
.new_my_account_change_pop_up_1 .email-input input{

    border-radius: 12px;
    border: 2px solid #FFF;
    background: #FAFAFA;
    box-shadow: 0 1px 12.6px 0 rgba(36, 160, 237, 0.30);
}
.new_my_account_change_pop_up_box_number_inputs{
    display: flex;
    gap: 24px;
    margin-top: 24px;
}
.new_my_account_change_pop_up_box_number_inputs div{
    padding: 24px 4px;
    width: 100%;
    display: flex;
    justify-content: center;
}
.new_my_account_change_pop_up_box_number_inputs a{
    color: #039;
    text-align: center;
    font-family: Montserrat;
    font-size: 14px;
    font-weight: 600;
    line-height: 17px;          
}
.new_my_account_change_pop_up_box_textarea{
    margin: 24px 0px;
}
.new_my_account_change_pop_up_box_textarea textarea{
    border-radius: 12px;
    border: 2px solid #FFF;
    background: #FAFAFA;
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.08);
    width: 100%;
    height: 150px;
}
.new_my_account_change_pop_up_box_textarea textarea::placeholder{
    color: #BDBDBD;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    padding: 16px;
}

.new_my_account_change_pop_up_box_textarea p{
    color: #424242;
text-align: right;
font-size: 12px;
font-weight: 400;
line-height: 14px; 
letter-spacing: 0; 
}


.new_my_challenges_popup_1 {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 234;
}

.new_my_challenges_popup_box{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #FFF;
    padding: 40px;
    border-radius: 20px;
    width: 500px;
}



/* Timer layout */
.new_my_challenges_popup_timer{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin: 24px 0;
}
.new_my_challenges_popup_timer_block{
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    padding: 12px 16px;
    min-width: 72px;
    border-radius: 20px;
background: rgba(0, 85, 255, 0.05);
height: 68px;

}
.new_my_challenges_popup_box_title h3{
        color: #171717;
text-align: center;

font-family: Montserrat;
font-size: 20px;
font-weight: 600;
line-height: 25px; 
}
.new_my_challenges_popup_timer_sep{
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.new_my_challenges_popup_timer_block h4{
    color: #039;
    text-align: center;

    font-family: Montserrat;
    font-size: 28px;
    font-weight: 500;
    line-height: 34px; 
}
.new_my_challenges_popup_timer_block span{
    color: #696969;
    text-align: center;
    
    font-family: Montserrat;
    font-size: 12px;
    font-weight: 400;
    line-height: 17px; 
}
.new_my_challenges_popup_timer_sep{
    color: #696969;
text-align: center;

font-family: Montserrat;
font-size: 20px;
font-weight: 600;
line-height: 25px; 
}
/* Actions */
.new_my_challenges_popup_actions{
    display: flex;
    gap: 12px;
    margin-top: 24px;
}
.new_my_challenges_popup_actions a{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    padding: 0 16px;
    border-radius: 12px;
    text-decoration: none;
    width: 100%;
}

/* Utility to show the popup */
.new_my_challenges_popup_1.is-open{
    display: flex;

}

.new_my_challenges_popup_desc{
    color: #696969;
text-align: center;

font-size: 14px;
font-weight: 400;
line-height: 20px; 
}
.new_my_challenges_popup_btn_close{
    color: #00559A;

font-family: "Open Sans";
font-size: 16px;
    font-weight: 600;
border: 1px solid #00559A;
background: rgba(250, 250, 250, 0.00);

}
.new_my_challenges_popup_btn_primary{
    border-radius: 12px;
border: 1px solid rgba(250, 250, 250, 0.00);
background: #00559A;
color: #FAFAFA;

font-family: "Open Sans";
font-size: 16px;
font-weight: 600;
line-height: 28px;
}
.new_my_challenges_popup_2_content div,
.new_my_challenges_popup_box_blue div{
    display: flex;
}
.new_my_challenges_popup_box_blue{
    border-radius: 16px;
background: rgba(0, 85, 255, 0.05);  
padding: 16px;
}
.new_my_challenges_popup_box_blue h3{
    color: #039;
    text-align: center;
    
    font-family: Montserrat;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 25px;
}
.new_my_challenges_popup_box_blue_content{
    justify-content: center;
    align-items: center;
    gap: 8px;
    margin-top: 12px;
}
.new_my_challenges_popup_box_blue_content p{
    color: #039;
text-align: center;

font-family: Montserrat;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 20px;     
}
.new_my_challenges_popup_2_content{
    text-align: center;
    margin: 16px 0px 24px 0px;
}
.new_my_challenges_popup_2_content_box{
    justify-content: center;
    border-radius: 20px;
background: #FAFAFA;
box-shadow: 1px 3px 4px 0 rgba(0, 0, 0, 0.03);
     width: 182px;
     height: 42px;
     display: flex;
     align-items: center;
     justify-content: center;
     margin: 0 auto;
     gap: 8px;
     margin-top: 8px;
}
.new_my_challenges_popup_2_content h3{
    color: #171717;
    text-align: center;
    
    font-family: Montserrat;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 25px;
    margin-bottom: 24px;
}
.new_my_challenges_popup_2_content p{
    color: #2F2F2F;
    text-align: center;
    
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}
.new_my_challenges_popup_btn_primary div{
    margin: 0px 4px;
}
.new_my_challenges_popup_box_title_3 h3{
    color: #171717;
    text-align: center;
    
    font-family: Montserrat;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 25px;
}
.new_my_challenges_popup_box_title_3 h4{
    color: #2F2F2F;
    text-align: center;
    
    font-family: Montserrat;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 29px;
    margin: 12px 0px;
}
.new_my_challenges_popup_box_title_3 p{
    color: #696969;
    text-align: center;
    
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}
.new_my_challenges_popup_box_title_4 h3{
        color: #171717;
text-align: center;

/* Headline/H6 */
font-family: Montserrat;
font-size: 20px;
font-style: normal;
font-weight: 600;
display: flex
;
    justify-content: center;
line-height: 25px;
}
.new_my_challenges_popup_box_title_4 p{
    color: #2F2F2F;
    text-align: center;
    
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; 
    margin: 24px auto;
    max-width: 280px;
}
.new_my_challenges_popup_box_title_4 a{
    border-radius: 12px;
    border: 1px solid rgba(250, 250, 250, 0.00);
    background: #00559A;
    color: #FAFAFA;

font-family: "Open Sans";
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 26px;
letter-spacing: 0;
height: 32px;
display: inline-flex;
align-items: center;
justify-content: center;
width: 180px;
margin: 0 auto;
}
.new_my_challenges_popup_box_title_3_btn{
    text-align: center;
}
.new_my_challenges_popup_box_title_7{
    text-align: center;
}
.new_my_challenges_popup_box_title_7 h3{
    color: #171717;
    text-align: center;
    
    font-family: Montserrat;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 25px;
}
.new_my_challenges_popup_box_title_7 p{
    color: #2F2F2F;
    text-align: center;
    
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin: 12px 0px 24px 0px;
}
.new_my_challenges_popup_box_title_7 a{
    border-radius: 12px;
border: 1px solid rgba(250, 250, 250, 0.00);
background: #00559A;
color: #FAFAFA;

font-size: 16px;
font-style: normal;
font-weight: 600;
height: 40px;
display: inline-flex;
align-items: center;
justify-content: center;
width: 100%;
}


.new_my_challenges_popup_7 {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 234;
}

.new_my_challenges_popup_box_7{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #FFF;
    border-radius: 20px;
    width: 900px;
    display: flex;
}

.new_my_challenges_popup_box_left{
    width: 50%;
    padding: 40px;
    margin-top: 24px;
}
.new_my_challenges_popup_box_right{
    width: 50%;
    padding: 40px;
}
.new_my_challenges_popup_box_right h2{
        color: #171717;
text-align: center;

/* Headline/H7 */
font-family: Montserrat;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 20px;     
margin-bottom: 12px;
}
.new_my_challenges_popup_7_content_item{
    display: flex;
    gap: 16px;
    border-radius: 20px;
background: rgba(0, 85, 255, 0.05);  
padding: 16px 24px;
align-items: center;
margin-bottom: 8px;
}
.new_my_challenges_popup_7_content_item:last-child{
    margin-bottom: 0px;
}
.new_my_challenges_popup_7_content_item h3{
    color: #2F2F2F;
    text-align: center;
    
    /* Headline/H4 */
    font-family: Montserrat;
            font-size: 35px;
    font-style: normal;
    font-weight: 500;
    line-height: 42px;
}
.new_my_challenges_popup_7_content_item p{
    color: #2F2F2F;

/* Body/Small */    
font-family: Montserrat;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 17px;
}
.new_my_challenges_popup_7_content h3{
        color: #171717;
    text-align: center;
    
    /* Headline/H6 */
    font-family: Montserrat;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 25px; 
    margin-top: 24px;
}
.new_my_challenges_popup_7_content h4{
    color: #2F2F2F;
text-align: center;

/* Body/Regular */
            font-family: Montserrat;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px; 
margin: 12px 0px 24px 0px;
}
.new_my_challenges_popup_7_content p{
    color: #2F2F2F;
    text-align: center;
    
    /* Body/Small */
    font-family: Montserrat;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px; /* 141.667% */ 
}