.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%);
}

.my-account-quck-start {
  margin-bottom: 24px;
}

.my-account-quck-start .my-account-quick-start__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
}

.my-account-quck-start .my-account-quick-start__progress-bar {
  background: #F2F2F2;
  border-radius: 100%;
  height: 48px;
  border-radius: 660px;
  padding: 4px;
  margin-bottom: 8px;
}

.my-account-quck-start .my-account-quick-start__progress-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}

.my-account-quick-start__labels .my-account-quick-start__label {
  color: #171717;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.my-account-quick-start__labels .my-account-quick-start__label:nth-child(2) {
  margin-left: 50px;
}

.my-account-quck-start .my-account-quck-start-wrapper {
  background: #FFFFFF;
  border-radius: 20px;
  padding: 40px 80px;
}

.my-account-quck-start .my-account-quick-start__progress-bar-fill {
  width: 50%;
  height: 100%;
  background: transparent;
  border-radius: 666px;
  display: flex;
  justify-content: space-between;
}

.my-account-quck-start .my-account-quick-start__labels {
  display: flex;
  justify-content: space-between;
}

.my-account-quck-start .my-account-quick-start__step-dot {
  height: 40px;
  width: 40px;
  border-radius: 666px;
  background: #FFFFFF;
  box-shadow: 2px 0 8px 0 #80AAFF;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #171717;
}

.my-account-quck-start .my-account-quick-start__step-dot.my-account-quick-start__step-dot--completed {
  background: #538CFF;
}

.my-account-quck-start .my-account-quick-start__step-dot.my-account-quick-start__step-dot--not-completed {
  position: absolute;
  right: 4px;
}

.my-account-quck-start .my-account-quick-start__header h2 {
  color: #171717;
  font-size: 20px;
  font-weight: 600;
  line-height: 25px;
}

.my-account-quck-start .my-account-quick-start__header button {
  background: #039;
  padding: 11px 24px;
  font-size: 14px;
  font-weight: 600;
  color: #FFF;
  border: none;
  border-radius: 20px;
}

.new_my_account_next_challenge{
    margin-bottom: 12px;
}
.new_my_account_next_challenge_box {
    padding: 40px 80px;
    border-radius: 20px;
    border-radius: var(--Corner-radius-20-px, 20px);
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.50) 100%), var(--Colors-Accent, #039);
    /* background-image moved inline for dynamic control */
    height: 281px;
    justify-content: center;
    display: flex;
    flex-direction: column;
    position: relative;           /* enable overlay */
    overflow: hidden;             /* clip overlay to rounded corners */
    align-items: flex-start;
    position: relative;
    overflow: hidden;
}

.new_my_account_next_challenge_box img {
  height: auto;
  max-width: 100%;
}

.new_my_account_next_challenge_box img.bg-desktop {
  position: absolute;
  object-fit: contain;
  height: 337px;
  width: fit-content;
  right: 0;
}

.new_my_account_next_challenge_box img.bg-mobile {
  position: absolute;
  object-fit: contain;
  top: 0px;
  left: 0;
  width: 100%;
  display: none;
}

/* Bluish overlay over background image (tint) */
.new_my_account_next_challenge_box::after {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(0, 51, 153, 0.24); /* #039 with ~24% opacity */
    pointer-events: none;
    z-index: 0;
}

/* Keep content above the overlay */
.new_my_account_next_challenge_box > * {
    position: relative;
    z-index: 1;
}

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

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

.new_my_account_next_challenge_register button {
    display: inline-flex;
    border-radius: 20px;
    background: #FFF;
    min-width: 224px;
    padding: 12px 0px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    height: 48px;
    border: none;
}

.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;
}

   .new_my_account_top_message{
    color: #FFF;
    font-family: Montserrat;
    font-size: 14px;
    font-weight: 400;
    line-height: 140%;
    margin-top: 12px;
    margin-bottom: 12px;
   }

.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;
}

.your_account_heading_content{
    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;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 40px;
    gap: 24px;
    align-items: center;
}

.your_account_challenges_tab_box h4 {
    color: #171717;
    font-family: Montserrat;
    font-size: 20px;
    font-weight: 600;
    line-height: 100%;
    margin-bottom: 12px;

  color: var(--Grey-Black, #171717);
}

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

.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;
    border: none;
}

.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%;
    margin-bottom: 24px;
}

.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--no-content {
  padding-top: 72px;
  padding-bottom: 84px;
  display: flex;
  flex-direction: column;
  align-items: center;

  border-radius: 20px;
  background: #FAFAFA;
}

.your_account_challenge_history_list--no-content > img {
  margin-bottom: 12px;
  max-width: 132px;
  object-fit: contain;
}

.your_account_challenge_history_list--no-content h4 {
  color: #2F2F2F;
  text-align: center;
  font-size: 18px;
  font-weight: 700;
  line-height: 29px;
  margin-bottom: 8px;
}

.your_account_challenge_history_list--no-content p {
  color: rgba(114, 114, 114, 0.90);
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  margin-bottom: 24px;
}

.your_account_challenge_history_list--no-content button {
  padding: 10px 40px;
  border-radius: 20px;
  border: 2px solid #039;
  background: transparent;

  color: #039;
  text-align: center;

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

  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}

.your_account_challenge_history_list--no-content button img {
  width: 32px;
  height: 20px;
  object-fit: contain;
}

.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;
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
}

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

.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;
}

.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_info_items {
    display: grid;
    grid-template-columns: repeat(2, minmax(220px, 1fr));
    column-gap: 24px;
    row-gap: 16px;
}
.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: 0;
    min-height: 68px;
}
.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 !important;
    font-family: Montserrat;
    font-size: 14px;
    font-weight: 600;
    line-height: 17px;
}
.your_account_settings_profile_info_item button {
    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 !important;
    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_content img {
    width: 50px;
}
.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: 40px;
    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;
}
.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 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 20px;
    background: #FAFAFA;
    padding: 24px 40px;    
}

.your_account_settings_payment_methods_items .your_account_settings_payment_methods_content_links img {
    width: 64px;
    height: 28px;
}

.your_account_settings_payment_methods_items .your_account_settings_payment_methods_content_links {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 12px;
}
    
.your_account_settings_payment_methods_items .your_account_settings_payment_methods_content_title {
    display: flex; 
    align-items: center; 
    gap: 12px; 
}
.your_account_settings_payment_methods_items .your_account_settings_payment_methods_content_body {
    display: flex; 
    flex-direction: column;
}
.your_account_settings_payment_methods_content {
    display: flex;
    flex-direction: column;
    color: #171717;
    gap: 16px;
}
.your_account_settings_payment_methods_content_body_expires {
    color: #696969;
}

.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, 51, 153, 0.24);
    z-index: 234;
}

.new_my_account_change_pop_up_box{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #FFF;
    padding: 48px 96px;
    border-radius: 20px;
    width: 90%;
    max-width: 720px;
}

@media (max-width: 768px) {
    .new_my_account_change_pop_up_box {
        width: 90%;
        padding: 24px;
        border-radius: 24px;
    }
}

.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,
.new_my_account_change_pop_up_box_close button {
    border-radius: 12px;
    border: 1px solid #00559A;
    background: rgba(250, 250, 250, 0.00);
    color: #00559A;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    text-decoration: none;
}

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

.new_my_account_change_pop_up_box_links button {
    width: 100%;
}

.new_my_account_change_pop_up_box_textarea {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: 24px;
}

.new_my_account_change_pop_up_box_textarea textarea {
    width: 100%;
    min-height: 140px;
    border-radius: 16px;
    border: 1px solid #E0E0E0;
    padding: 16px;
    resize: vertical;
    font-size: 15px;
    line-height: 1.4;
    color: #111827;
    background: #FFF;
}

.contact-counter {
    text-align: right;
    font-size: 12px;
    color: #6B7280;
    margin: -4px 4px 0;
}

.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);
    border-radius: 99px;
    border: 2px solid transparent;
    background: transparent;
    padding: 4px;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.new_my_account_change_pop_up_1_avatar_item img {
    width: 100%;
    border-radius: 12px;
    display: block;
}

.new_my_account_change_pop_up_1_avatar_item .avatar-check {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: #00B04C;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.2);
    opacity: 0;
    transform: scale(0.8);
    transition: opacity 0.2s ease, transform 0.2s ease;
}

.new_my_account_change_pop_up_1_avatar_item:focus-visible {
    outline: 2px solid #003399;
    outline-offset: 2px;
}

.new_my_account_change_pop_up_1_avatar_item.is-selected {
    border-color: #003399;
    box-shadow: 0 0 0 2px rgba(0, 51, 153, 0.15);
}

.new_my_account_change_pop_up_1_avatar_item.has-current .avatar-check {
    opacity: 1;
    transform: scale(1);
}

.change-avatar-status {
    font-size: 14px;
    margin-bottom: 12px;
    min-height: 20px;
}

.change-avatar-status[data-status="error"] {
    color: #d70e09;
}

.change-avatar-status[data-status="success"] {
    color: #0f9d58;
}

.change-avatar-empty-state {
    width: 100%;
    text-align: center;
    color: #424242;
    font-size: 14px;
}

.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: #2F2F2F;
    text-align: center;
    
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; 
    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: 1234567892;
}

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

.popup-btn-close {
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 1234567893;
  border-radius: 50%;
  border: 1px solid #F5F5F5;
  background: #FAFAFA;
  width: 48px;
  height: 48px;
  display: flex;
  cursor: pointer;
  align-items: center;
  justify-content: center;
}

.popup-btn-close:hover {
  background: #BBBBBB;
  transition: all .3s linear;
}



/* 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_1{
    margin-bottom: 24px;
}
.new_my_challenges_popup_box_title_1 h3{
    color: #171717;
    text-align: center;
    font-family: Montserrat;
    font-size: 20px;
    font-weight: 600;
    line-height: 25px; 
}
.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: 16px;
    margin-top: 24px;
}
.new_my_challenges_popup_actions a{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    padding: 4px 24px;
    border-radius: 12px;
    text-decoration: none;
    width: 100%;
    white-space: nowrap;
}

/* 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);
  padding: 6px 60px;
  border-radius: 12px;
}
.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.you_lost_box{
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 16px 12px 16px 12px;
}
.new_my_challenges_popup_box_blue.you_lost_box h3{
    max-width: 320px;
}
.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 .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 .new_my_challenges_popup_2_content_box p{
    color: #171717;
    text-align: center;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
}
.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;
    gap: 8px;
}
.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: 1234567892;
}

.new_my_challenges_popup_box_7{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 900px;
    display: flex;
    gap: 1px;
}

.new_my_challenges_popup_box_left{
    width: 50%;
    padding: 40px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    background: #FFF;
    border-radius: 20px 0px 0px 20px;
}
.new_my_challenges_popup_box_right{
    width: 50%;
    padding: 40px;
    background: #FFF;
    border-radius: 0px 20px 20px 0px;
}
.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;
}
.your_account_challenges_tab_box svg{
    display: none;
}
.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; 
}
.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% */ 
}
.new_my_challenges_popup_7_content p:nth-last-child(2){
    margin-top: 24px;
}
.your_account_tabs_a_mobile{
    display: none;
}

#pagination-container {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  color: #171717;
  font-family: Montserrat;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  user-select: none;
  margin-top: 32px;
}

#pagination-container .arrow-prev,
#pagination-container .arrow-next {
  cursor: pointer;
  color: #171717;
  opacity: 0.9;
  padding: 6px 8px;
  border-radius: 8px;
  transition: background-color .2s ease, opacity .2s ease;
}

#pagination-container .arrow-prev:hover,
#pagination-container .arrow-next:hover {
  background-color: rgba(17, 24, 39, 0.06);
  opacity: 1;
}

.pagination {
  display: flex;
  align-items: center;
  gap: 10px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.pagination li {
  display: inline-flex;
}

.pagination button,
.pagination .ellipsis {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 36px;
  height: 36px;
  padding: 0 10px;
  border: none;
  background: transparent;
  color: #171717;
  border-radius: 12px;
  cursor: pointer;
  transition: background-color .2s ease, color .2s ease, box-shadow .2s ease;
}

.pagination button:hover {
  background-color: rgba(17, 24, 39, 0.06);
}

.pagination button.active {
  background-color: #EEF3FF;
  color: #1F3B8E;
  box-shadow: 0 0 0 1px rgba(31, 59, 142, 0.05) inset;
}

.pagination .ellipsis {
  cursor: default;
  opacity: 0.7;
  padding: 0;
  min-width: auto;
}

.your_account_settings_subscription_items.no-active-subscription {
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: center;
}

.your_account_settings_subscription_items.no-active-subscription .your_account_settings_subscription_items_links_upgrade {
    width: fit-content;
}

@media (min-width: 991px) and (max-width: 1200px) {
  .new_my_account_next_challenge_box img.bg-desktop {
    object-fit: cover;
    object-position: left;
    width: 50%;
  }

  .new_my_account_next_challenge_box_container {
    width: 50%;
    object-position: left;
  }
}

@media (max-width: 991px) {
  .new_my_account_next_challenge_register button {
    width: 100%;
  }
  .new_my_account_next_challenge_box img.bg-desktop {
    display: none;
  }
  .new_my_account_next_challenge_box img.bg-mobile {
    display: block;
  }
  .new_my_account_next_challenge_box {
    height: auto;
    padding-top: 170px;
  }

  .your_account_challenges_tab_box {
    flex-direction: column;
  }

  .your_account_challenges_tab_box a {
    padding: 10px 24px;
    width: 100%;
    justify-content: space-between;
  }

  .your_account_challenges_tab_box{
      padding: 24px;
  }
  .new_my_account_next_challenge_box_container {
    width: 100%;
  }
  .new_my_account_next_challenge_time {
    justify-content: center;
  }

  .your_account_settings_payment_methods_items {
    flex-direction: column;
    gap: 32px;
    align-items: baseline; 
  }
}

@media (min-width: 690px) and (max-width: 990px) {
  .new_my_account_next_challenge_box img.bg-mobile {
    left: auto;
    width: 75%;
    margin: 0px auto;
    display: block;
  }
}

@media (max-width: 575px) {
    .your_account_wrapper {
        padding: 40px 0 0;
        background: unset;
    }
    .your_account_challenge_history_item{
        flex-direction: column;
        min-width: unset;
        width: 100%;
        height: 86px;
        padding: 0px;
    }
    .your_account_challenge_history_item svg{
        display: none;
    }
    .new_my_account_next_challenge_box {
      padding: 20px;
      height: 330px;
      background-position: center;
      background-size: cover;
      justify-content: center;
      display: flex;
      flex-direction: column;
      justify-content: end;
    }
    .your_account_challenge_history_list{
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        margin-right: -24px;
        padding-right: 24px;  
    }
    .your_account_challenge_history_list_item{
        width: 656px;
    }

    .your_account_tabs{
        width: 100%;
    }
    .your_account_tab{
        width: 100%;
    }
    .your_account_tabs_a{
        display: none;
    }
    .your_account_tabs a{
        width: 100%;
        justify-content: center;
    }
    .your_account_tabs_a_mobile{
        display: flex;
    }
    .your_account_tabs_a_mobile.your_account_tabs_a a{
        display: flex;
        height: 33px;
        min-width: unset;
    }
    .your_account_heading_content{
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 12px;
    }
    .your_account_heading_content h2{
        font-size: 20px;
        line-height: 26px;
        padding: 0px 16px;
    }    
    .your_account_challenge_history_item{
        border: 1px solid #039;
background: rgba(0, 85, 255, 0.05);
gap: 7px;
    }
    .your_account_challenge_history_item:first-child{
        border-radius: 20px;
        border: 1px solid #00B04C;
        background: rgba(0, 176, 76, 0.05);
    }
   
    .your_account_challenge_history_item div h5{
            color: #2F2F2F;
            font-size: 28px;
            font-weight: 700;
            line-height: 22px;
    }
    .your_account_challenge_history_item div span{
        color: #696969;
        font-family: Montserrat;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
    }
    .your_account_challenge_history_item div p{
        color: #2F2F2F;

        font-family: Montserrat;
        font-size: 12px;
        font-weight: 600;
        line-height: 15px;     
    }
   .new_my_account_top_message{
    color: #FFF;
        font-family: Montserrat;
font-size: 14px;
    font-weight: 400;
    line-height: 140%;
    margin-top: 12px;
    margin-bottom: 24px;
   }
   .new_my_account_next_challenge_time{
    margin-bottom: 24px;
   }
   .new_my_account_next_challenge_register a{
    margin-top: 12px;
    width: 100%;
   }
   .your_account_heading_content {
    margin-bottom: 24px;
}
.new_my_account_wrapper_background {
    background: #f1f1f1;
    padding-top: 100px;
    padding-bottom: 40px;
}

.your_account_challenges_tab_box svg{
    display: block;

}
.your_account_academy_progress_box_title,
.your_account_academy_progress_list{
    display: none;
}

  .your_account_challenge_history_list--no-content img {
    margin-bottom: 12px;
    max-width: 132px;
    object-fit: contain;
  }

  .your_account_challenge_history_list--no-content h4 {
    font-size: 15px;
    line-height: 23px;
  }

  .your_account_challenge_history_list--no-content p {
    font-size: 14px;
  }
}

@media (max-width: 768px) {
  .my-account-quck-start .my-account-quck-start-wrapper {
    padding: 0px;
    padding-top: 32px !important;
    background: transparent;
  }
  .my-account-quck-start .my-account-quick-start__header {
    margin-bottom: 20px;
  }
  .my-account-quck-start .my-account-quick-start__header h2 {
    font-size: 14px;
    font-weight: 700;
    line-height: 17px;
  }
  .my-account-quck-start .my-account-quick-start__header button {
    font-size: 12px;
    font-weight: 600;
    line-height: 17px;
    padding: 8px 16px;
  }
  .my-account-quck-start .my-account-quick-start__progress-bar {
    margin-bottom: 14px;
  }
  .my-account-quck-start .my-account-quick-start__step-dot {
      height: 28px;
      width: 28px;
    }
    .my-account-quck-start .my-account-quick-start__progress-bar {
      height: 12px;
    }
    .my-account-quck-start .my-account-quick-start__progress-bar-fill {
      align-items: center;
      height: 12px;
    }
    .my-account-quick-start__labels .my-account-quick-start__label {
      font-size: 12px;
      font-weight: 400;
      line-height: 17px;
    }
    .my-account-quick-start__labels .my-account-quick-start__label:nth-child(1) {
      text-align: left;
    }
    .my-account-quick-start__labels .my-account-quick-start__label:nth-child(2) {
      text-align: center;
      margin-left: 32px;
    }
    .my-account-quick-start__labels .my-account-quick-start__label:nth-child(3) {
      text-align: right;
    }
    .your_account_settings_tab_content {
        padding: 18px;
    }

    .your_account_settings_profile {
        flex-direction: column;
        align-items: stretch;
    }

    .your_account_settings_profile_img {
        width: 100%;
        min-width: 0;
        max-width: none;
        flex: none;
        flex-direction: column;
        gap: 16px;
        padding: 12px 16px;
    }

    .your_account_settings_profile_img img {
        width: 96px;
        height: 96px;
        border-radius: 50%;
    }

    .your_account_settings_profile_info {
        width: 100%;
    }

    .your_account_settings_profile_info_items {
        grid-template-columns: 1fr;
    }

    .your_account_settings_profile_info_item {
        height: auto;
        min-height: 64px;
    }

    .your_account_settings_profile_info_item_title {
        gap: 12px;
    }

    .your_account_settings_profile_info_item_title h3 {
        font-size: 14px;
    }

    .your_account_settings_profile_info_item a,
    .your_account_settings_profile_info_item button {
        font-size: 13px;
    }

    .your_account_settings_profile_info_item p {
        font-size: 13px;
        line-height: 18px;
    }

    .your_account_settings_subscription_items_wrapper {
        flex-direction: column;
        gap: 16px;
    }

    .your_account_settings_subscription_items_content {
        flex-direction: row;
        gap: 16px;
        text-align: center;
    }

    .your_account_settings_subscription_items_content .your_account_settings_subscription_items_content_body {
        display: flex;
        flex-direction: column;
        align-items: baseline;
    }

    .your_account_settings_subscription_items_content .your_account_settings_subscription_items_content_body h4 {
        font-size: 17px;
        text-align: initial;
    }

    .your_account_settings_subscription_items_links {
        width: 100%;
        display: flex;
        flex-direction: row;
        gap: 8px;
    }

    .your_account_settings_subscription_items_links a {
        width: 100%;
        justify-content: center;
    }

    .your_account_settings_subscription_items_links_cancel a {
        padding: 0 24px 0 0;
    }

    .your_account_delete_account a {
        justify-content: center;
    }
}