 .rdm-tier-nudge-wrapper,
 .rdm-tier-nudge-wrapper * {
   padding: 0;
   margin: 0;
   font-weight: 400;
 }

 .rdm-tier-nudge-wrapper {
   padding: 50px;
 }

 .rdm-tier-nudge-wrapper h2 {
   font-weight: bold;
   margin-bottom: 5px;
 }

 .rdm-tier {
   display: flex;
   gap: 20px;
   align-items: center;
 }

 .rdm-tier-icon {
   width: 68px;
   height: auto;
   max-width: 100%;
   flex-shrink: 0;
 }

 .rdm-tier-name {
   font-weight: bold;
   font-size: 28px;
 }

 .rdm-tier-exp,
 .rdm-tier-level {
   font-size: 16px;
 }

 .rdm-tier-level {
   margin-bottom: 12px;
   font-weight: bold;
 }

 .rdm-tier-details {
   flex-grow: 1;
 }

 .rdm-tier-progress {
   height: 20px;
   position: relative;
 }

 .rdm-tier-progress>span {
   height: 80%;
   position: absolute;
   top: 3px;
   left: 3px;
 }

 .rdm-tier-card.rdm-next-tier {
   margin-top: 20px;
   padding-top: 20px;
   border-top: 1px solid;
 }

 .rdm-tier-progress-bar {
   position: absolute;
   left: 0;
 }

 .rdm-progress-text {
   right: 0;
   font-size: 13px;
   display: inline-flex;
   justify-content: center;
   align-items: center;
   padding: 0 10px;
   gap: 5px;
 }

 @media(max-width:767px) {
   .rdm-tier-nudge-wrapper {
     padding: 20px;
   }

   .rdm-tier-exp,
   .rdm-tier-level {
     font-size: 12px;
   }

   .rdm-tier-icon {
     width: 22px;
   }

   .rdm-tier {
     gap: 10px;
   }

   .rdm-tier-name {
     font-size: 16px;
   }

   .rdm-tier-level {
     margin-bottom: 6px;
   }

   .rdm-tier-card.rdm-next-tier {
     margin-top: 12px;
     padding-top: 12px;
   }
 }


 /* GPT */

 .tierNudge-rediem {
   display: flex;
   align-items: center;
   gap: 10px;
   margin-top: 10px;
 }

 /* Progress bar container */
 .rdm-tier-progress {
   flex: 1;
   position: relative;
   height: 28px;
   border-radius: 10px;
   overflow: hidden;
 }

 /* Filled progress */
 .rdm-tier-progress-bar {
   display: block;
   height: 100%;
   border-radius: 8px;
   transition: width 0.3s ease;
 }

 /* Icon inside progress bar */
 .rdm-tier-progress-icon {
   position: absolute;
   right: 6px;
   top: 50%;
   transform: translateY(-50%);
   font-size: 14px;
   color: #fff;
 }

 /* Right-side pill */
 .rdm-progress-container {
   border-radius: 10px;
   padding: 3px 8px;
   height: 28px;
   display: flex;
   align-items: center;
 }

 /* Text inside right pill */
 .rdm-progress-text {
   display: flex;
   align-items: center;
   gap: 4px;
   font-size: 14px;
   font-weight: bold;
 }

 .rdm-progress-text svg {
   display: block;
 }