Untitled
.NG-0044 .eg-progress-bar-container { text-align: center; width: 100%; max-width: 600px; padding: 20px 40px 70px 40px; font-family: Inter; background: #FFFFFF; } .NG-0044.eg-showmsg .eg-progress-message { display: none !important; } .NG-0044.eg-showmsg .eg-congratulation { display: none !important; } .NG-0044 .eg-progress-message, .NG-0044 .eg-congratulation { font-size: 14px; margin-bottom: 20px !important; color: #000; font-weight: 500; } .NG-0044 .eg-congratulation { display: none; } .NG-0044 .eg-highlight { color: #FF7900; font-weight: bold; } .NG-0044 .eg-progress-bar { position: relative; height: 10px; background-color: #ddd; border-radius: 5px; overflow: visible; } .NG-0044 .eg-progress { height: 100%; background-color: #FF7900; width: 0; transition: width 0.4s ease-in-out; border-radius: 5px; } .NG-0044 .eg-progress-bar .eg-milestone .eg-icon.eg-active { background: #FF7900; } .NG-0044 .eg-milestone { position: absolute; top: 100%; transform: translateY(-20px); text-align: center; font-size: 0.8rem; } .NG-0044 .eg-milestone p { margin: 5px 0 0 !important; font-weight: 500; color: #000; } .NG-0044 .eg-milestone small { font-size: 0.7rem; color: #20202099; ; width: max-content; } .NG-0044 .eg-milestone .eg-icon { width: 30px; height: 30px; border: 1px solid #FF7900; border-radius: 50%; background: #F0F0F0; color: white; display: flex; align-items: center; justify-content: center; margin: 0 auto; font-size: 1.2rem; } .NG-0044 .eg-milestone[data-amount="150"] .eg-icon, .NG-0044 .eg-milestone[data-amount="100"] .eg-icon { width: 35px; height: 35px; border: 1px solid #000; border-radius: 50%; } .NG-0044 .eg-milestone img { width: 20px; height: 20px; } .NG-0044 .eg-milestone[data-amount="150"] img, .NG-0044 .eg-milestone[data-amount="100"] img { object-fit: cover; border-radius: 50%; width: auto; height: auto; } .NG-0044 .eg-milestone[data-amount="50"] { left: 16%; } .NG-0044 .eg-milestone[data-amount="100"] { left: 50%; } .NG-0044 .eg-milestone[data-amount="150"] { left: 85%; transform: translateY(-23px); } @media screen and (max-width:390px) { .NG-0044 .eg-milestone[data-amount="150"] { left: 82%; } } .NG-0044 #AB-026-banner { display: none; } .NG-0044 .upcart-products-section [id*="44480273088816"] .Stack--distributionEqualSpacing .Stack__item:last-child { display: flex; align-items: center; grid-gap: 5px; } .NG-0044 .upcart-products-section [id*="44480273088816"] .Stack--distributionEqualSpacing .Stack__item:last-child:after { content: 'FREE'; height: 25px; padding: 0 8px; border-radius: 32px; background-color: #34A853; font-family: 'Inter'; font-size: 14px; font-weight: 700; line-height: 25px; letter-spacing: 0.47px; text-align: left; color: #202020; } .NG-0044.eg-showmsg .eg-progress-bar-container { padding-top: 30px; } .NG-0044 [data-amount="100"] small { width: unset; min-width: 100px; max-width: 100px; }
Leave a Comment