/*Personalized Nutrition Dashboard Css*/
.personalized-sec{margin-bottom:32px;}
.personalized-sec .reminders-sec {border-radius: 16px;border: 0.5px solid #B1B9C1;background: #FFF;padding: 32px 24px 16px 24px;max-height:605px;overflow:auto;}
.personalized-sec .reminders-sec::-webkit-scrollbar{display:none;}
.personalized-sec .personalized-title h1 {font-size: 28px;font-style: normal;font-weight: 700;line-height: normal;margin: 24px 0 4px; color:#212121;}
.personalized-sec .personalized-title {color: #646F7D;font-size: 18px;font-style: normal;font-weight: 400;line-height: normal;}
.personalized-sec .personalized-title p {color: #646F7D;font-size: 18px;font-weight: 400;line-height: normal;margin: 4px 0 24px;}
.personalized-sec .reminders-title .reminders-icon {border-radius: 8px;border: 1px solid var(--Grayscale-Cadet-Blue, #B1B9C1);background: var(--Grayscale-White, #FFF);display: flex;width: 48px;height: 48px;justify-content: center;align-items: center;gap: 12px;cursor:pointer;}
.personalized-sec .reminders-title {display: flex;align-items: center;justify-content: space-between;margin: 0 0 32px;}
.personalized-sec .reminders-title h4 {font-size: 28px;font-style: normal;font-weight: 700;line-height: normal;margin: 0;}
.personalized-sec .reminders-title p {font-size: 14px;font-style: normal;font-weight: 500;line-height: normal;color:#646F7D;margin: 0;}
.personalized-sec .reminders-cont li {border-radius: 8px;border: 0.5px solid rgba(177, 185, 193, 0.50);background: #FFF;display: flex;align-items: center;margin: 0 0 16px;}
.personalized-sec .reminders-date {border-radius: 8px 0px 0px 8px;display: flex;width: 64px;padding: 14px 0px;flex-direction: column;justify-content: center;align-items: center;margin-right: 16px;}
.personalized-sec .reminders-date h5 {font-size: 20px;font-style: normal;font-weight: 500;line-height: normal;color: #212121;margin: 0;}
.personalized-sec .reminders-date p {font-size: 14px;font-style: normal;font-weight: 400;line-height: normal;margin: 0;color:#646F7D;}
.personalized-sec .reminders-text h6 {font-size: 16px;font-style: normal;font-weight: 500;line-height: normal;margin: 0 0 6px;}
.personalized-sec .reminders-text p {font-size: 14px;font-style: normal;font-weight: 400;line-height: normal;margin: 0;color: #646F7D;}
.personalized-sec .reminders-sec .bg-warning-text {background: #FCF4E0;}
.personalized-sec .reminders-sec .bg-success-text {background: #D5F2D8;}
.personalized-sec .reminders-sec .bg-info-text {background: #E0F8FF;}

.add-weight-sec{position:relative;margin-bottom:48px;}
.lose-weight-sec {border-radius: 16px;border: 0.5px solid rgba(177, 185, 193, 0.50);background: #00497A;padding: 24px 68px;color:#fff; position:relative; overflow:hidden;}
.lose-weight-sec:after {position: absolute;content: "";border-radius: 398.345px;filter: blur(150px);width: 398.345px;height: 398.345px;transform: rotate(7.753deg);flex-shrink: 0;left: -88px;right: 0;top: 115px;background: linear-gradient(90deg, rgb(50 115 158 / 97%) 0%, rgb(56 133 130 / 64%) 100%);}
.lose-weight-top {display: flex;align-items: center;justify-content: space-between;}
.lose-weight-top p {font-size: 14px;font-style: normal;font-weight: 500;line-height: normal;color: #B1B9C1;margin: 0;}
.lose-weight-top h4 {font-size: 24px;font-style: normal;font-weight: 700;line-height: normal;margin: 4px 0px 0px;}
.lose-weight-add {display: flex;align-items: center; cursor:pointer;}
.lose-weight-add span {font-size: 16px;font-style: normal;font-weight: 600;line-height: normal;margin-left: 8px; color:#fff;}
.lose-weight-sec .index-score-sec {border-top: 1px solid #b1b9c16b;padding-top: 20px;}
.lose-weight-sec .index-score-sec h4 {color: #B1B9C1;font-size: 20px;font-style: normal;font-weight: 400;line-height: normal;margin: 0;}
.lose-weight-sec .index-score-sec {display: flex;align-items: center;justify-content: space-between;}
.lose-weight-sec .add-log-btn {border-radius: 8px;background: #fff;width: 200px;height: 56px;padding: 12px 24px;font-size: 18px;font-style: normal;font-weight: 700;line-height: 18px;letter-spacing: 0.3px;color: #00497A;cursor: pointer;}
.groceries-owl-sec .wallet-title {font-size: 14px;font-weight: 500;-webkit-box-orient: vertical;display: -webkit-box;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;white-space: normal;height: 30px;color: var(--nevada-color);}
.groceries-owl-sec .add-cart, .groceries-owl-sec .add-cart:hover, .groceries-owl-sec .add-cart:focus {margin-right: 0px;background-color: #00497A !important; border:0px; padding:0px 24px;}
.groceries-owl-sec .single-product-sec .item-code {width: 100px;max-width: 150px;justify-content: center;height: 24px;}
.groceries-owl-sec .single-product-sec .product-item-code .item-code-img {width: 100%;object-fit: contain;}
.groceries-owl-sec .single-product-sec .item-code {width: 100px;max-width: 150px;justify-content: center;height: 24px;display: flex;align-items: center;justify-content: center;}
.groceries-owl-sec .product-header h5 {font-size: 28px;font-weight: 700;line-height: normal;margin:32px 0 16px;}

.preferred-sec{margin:32px 0 0;}
.preferred-sec h4 {font-size: 28px;font-weight: 700;line-height: normal;margin: 0 0 12px;}
.preferred-sec .preferred-card {border-radius: 16px;border: 0.5px solid rgba(177, 185, 193, 0.50);background: #FFF;position: relative;width:100%;height:100%;}
.preferred-sec .preferred-titile:after {position: absolute;height: 1px;margin: 24px 0px;content: "";background-color: #E9ECF0;width: 100%;left: 0;}
.preferred-sec .preferred-titile {position: relative;margin: 24px 0;display: flex;align-items: center;}
.preferred-sec .preferred-card h3 {font-size: 20px;font-style: normal;font-weight: 600;line-height: normal;margin: 0 0 8px;}
.preferred-sec .preferred-card p {color: #646F7D;font-size: 14px;font-style: normal;font-weight: 400;line-height: 19px;margin: 0px 0px 24px; padding-bottom:24px;}
.preferred-sec .preferred-titile .webinars-text {border-radius: 24px;background: #E9ECF0;display: flex;padding: 8px 20px;justify-content: center;align-items: center;gap: 6px;position: relative;z-index: 9;margin-left:24px;}
.preferred-sec .custom-link.watch-now-link {text-align: center;font-size: 16px;font-style: normal;font-weight: 600;line-height: normal;display: flex;align-items: center;gap: 6px; position:absolute; bottom:24px;}
.preferred-sec .preferred-card-img img{width:100%; padding:24px 24px 0px;}
.preferred-cont{padding:0px 24px 24px;}
.short-term .preferred-cont{padding:24px;}

.preferred-titile:after {position: absolute;height: 1px;margin: 24px 0px;content: "";background-color: #E9ECF0;width: 100%;left: 0;}
.preferred-titile {position: relative;margin: 24px 0;display: flex;align-items: center; width:100%;}
.preferred-card h3 {font-size: 20px;font-style: normal;font-weight: 600;line-height: normal;margin: 0 0 8px;}
.preferred-titile .webinars-text {border-radius: 24px;background: #E9ECF0;display: flex;padding: 8px 20px;justify-content: center;align-items: center;gap: 6px;position: relative;z-index: 9;margin-left:24px;}

.workout-starts-sec{margin:32px 0 0;}
.workout-starts-right {border-radius: 16px;border: 0.5px solid rgba(177, 185, 193, 0.50);background: #FFF;display: flex;flex-direction: column;align-items: flex-start; height:100%;}
.workout-starts-list{display:flex;width:100%;margin:32px 32px 0px;}
.workout-starts-list li {margin-right: -16px;}
.workout-starts-list li img {width: 40px;height: 40px;}
.workout-starts-right h3 {color: #212121;font-size: 24px;font-weight: 600;line-height: 30.507px;margin: 100px 0 0;margin:16px 32px 100px;}

.inflammation-owl .add-weight-box p {font-style: normal;font-weight: 400;line-height: normal;margin: 0px 80px 24px 32px;color: #646F7D;}
.inflammation-owl .owl-prev, .inflammation-owl .owl-next {display: flex;width: 32px;height: 32px;justify-content: center;border-radius: 8px;border: 1px solid #b1b9c1 !important;background: #E9ECF0 !important;}
.inflammation-owl .owl-prev.disabled, inflammation-ow .owl-next.disabled {opacity: 0.5 !important;}
.inflammation-owl .owl-nav span {font-size: 30px;}
.inflammation-owl .owl-nav {display: flex;margin: 32px;gap: 10px;align-items: center;justify-content: end;}
.workout-starts-left {position: relative;}
.workout-starts-left img {width: 100%;border-radius: 16px;}
.workout-starts-title {position: absolute;top: 32px;left: 32px;}
.workout-starts-title h3 {color: #212121;font-size: 32px;font-style: normal;font-weight: 700;line-height: 41px;margin: 0px 0px 32px;}
.workout-starts-left .explore-btn {border-radius: 64px;background-color:#00497A;padding: 10px 24px;color: #fff;font-size: 18px;font-weight: 700;line-height: normal;position: absolute;bottom: 32px;left:32px;}

/*Setup Your Nutrition Profile css*/
.status-progress-main {background: rgba(0, 0, 0, 0.10);height: 6px;width: 100%;border-radius: 50px;}
.status-progress-main .status-main {border-radius: 50px;background: linear-gradient(90deg, #56ED65 51.49%, #39C747 100%);display:flex;height:6px;max-width:100%;}
.status-progress-main .status0 {width: 1%;}
.status-progress-main .status20 {width: 20%;}
.status-progress-main .status40 {width: 40%;}
.status-progress-main .status60 {width: 60%;}
.status-progress-main .status80 {width: 80%;}
.status-progress-main .status100 {width: 100%;}
.video-text {margin:6px 0 0 16px;color:#255798;font-size:15px;font-weight:700;letter-spacing:0.2px;padding-left:16px;position:relative;display:flex;align-items:center;cursor:pointer;}
.video-text:before{content:"";position:absolute;border-left:1px solid #D3D7DB; height:24px;left:0;}
.setup-nutrition-sec {background: #EAEEF5;height:calc(100vh - 72px)}
.setup-nutrition-sec:after {background:url(https://nationscdn.azureedge.net/otc-container/images/nutrition/nutrition-pattern.webp) no-repeat;position:absolute;top:0;left:0;content:"";width:100%;height:100%;background-size:contain;}
.setup-nutrition-main {opacity: 0;animation: fadeAndMove .6s ease forwards;position:relative;z-index:9;}
.setup-nutrition-sec  h3 {font-size: 24px;font-style: normal;font-weight: 600;line-height: 32px; margin:36px 0 0;text-align:center;}
.setup-nutrition-sec h3 sup {font-size: 8px;position: relative;top: -10px;}
.setup-nutrition-sec  p {color: #646F7D;font-size: 16px;font-style: normal;font-weight: 500;line-height: normal;margin: 0 0 24px;text-align: center;}
.setup-nutrition-sec .step-main {border-radius: 4px;border: 1px solid #D4DAE2;background: #FFF;padding: 16px 24px;position:relative;}
.setup-nutrition-sec .step-count span {font-size: 14px;font-style: normal;font-weight: 600;line-height: normal;}
.setup-nutrition-sec .step-count {display: flex;align-items: center;justify-content: space-between;width: 100%;margin: 16px 0 0;}
.setup-nutrition-sec .steps-cont {border-radius: 8px;border: 1px solid #D4DAE2;background: #FFF;padding: 24px;margin: 12px 0;}
.setup-nutrition-sec .steps-cont h4 {font-size: 18px;font-style: normal;font-weight: 500;line-height: normal;border-bottom: 1px solid #D4DAE2;padding-bottom: 16px;}
.setup-nutrition-sec .speps-list {}
.setup-nutrition-sec .speps-list {margin: 24px 0 0;}
.setup-nutrition-sec .speps-list li {display: flex;align-items: center;justify-content: space-between;margin-bottom: 32px;}
.setup-nutrition-sec .speps-list-icon {display: flex;width: 40px;height: 40px;justify-content: center;align-items: center;gap: 8px;border-radius: 4px;background: rgba(214, 64, 41, 0.10);margin-right: 12px;}
.setup-nutrition-sec .speps-list li:last-child{margin:0;}
.setup-nutrition-sec .speps-list-cont{display:flex; align-items:center;}
.setup-nutrition-sec .speps-list-cont h5 {font-size: 16px;font-style: normal;font-weight: 400;line-height: normal;margin: 0;color:#212121;}
.setup-nutrition-sec .speps-list-cont p {color: #646F7D;font-size: 12px;font-style: normal;font-weight: 400;line-height: normal;margin: 4px 0 0;}
.setup-nutrition-sec .speps-list-status {color: #255798;text-align: right;font-size: 14px;font-style: normal;font-weight: 600;line-height: normal;}
.setup-nutrition-sec .speps-list-status.not-clickble{cursor:not-allowed;pointer-events:none;}
.setup-nutrition-sec .icon-bg-btn, .setup-nutrition-sec .icon-bg-btn:hover, .setup-nutrition-sec .icon-bg-btn:focus {margin: 32px auto;max-width: 260px;display: block;background-color: #00497A !important;border-radius: 8px;padding: 0px 24px;}
.setup-nutrition-sec .icon-bg-btn.disabled {background-color: #B1B9C1 !important;cursor: not-allowed;}
.setup-nutrition-sec .status-icon {display: flex;width: 40px;height: 40px;justify-content: center;align-items: center;gap: 8px;margin-right: 12px;border-radius: 40px;background: #ECF3ED;}
@media(min-width:1920px){
    .setup-nutrition-sec h3 {margin-top:80px;}
}
.lose-weight-sec .add-weight-box {height: 220px;}
.lose-weight-sec .lbs-sec p {font-size: 14px;font-style: normal;font-weight: 500;line-height: normal;margin: 0;color: #B1B9C1;}
.lose-weight-sec .lbs-sec H4 {font-size: 20px;font-style: normal;font-weight: 600;line-height: normal;margin: 0;}
.lose-weight-sec .complete-titile {position: absolute;top: 90px;left:50%;transform:translateX(-50%);}
.lose-weight-sec .complete-titile h3 {color: #0FA91C;margin:0px;font-size: 32px;font-style: normal;font-weight: 700;line-height: normal;}
.lose-weight-sec .complete-titile h6 {color: #FFF;margin: 0px 0px 16px;font-size: 16px;font-style: normal;font-weight: 700;line-height: normal;}
*, *:after, *:before {box-sizing: border-box;}
.rewards-owl .owl-nav button {width: 56px;height: 56px;background: url(https://nationscdn.azureedge.net/otc-container/images/rewards/right-arrow-icon.svg) no-repeat center center #ffffff00 !important;position: absolute;border: 2px solid #ffffffad !important;box-shadow: 0px 2px 8px 0px #0F567329 !important;border-radius: 8px !important;}
.lose-weight-sec .current-btn {border-radius: 8px;border: 2px solid rgba(255, 255, 255, 0.40);margin: 0 0 32px;padding: 6px 24px;}
.lose-weight-sec .lbs-sec {display: flex;align-items: flex-start;justify-content: space-between;max-width: 450px;margin: 0 auto;text-align:center;}

.multigraph-sec .multigraph {max-width: 400px;margin: 0 auto;}
.multigraph-sec .multigraph:before {content: '';width: 400px;height: 200px;position: absolute;border: 22px solid #EFEFEF;border-radius: 400px 400px 0 0;border-bottom: none;}
.multigraph-sec .tooltip {width: 80px;height: 30px;background: lightgrey;text-align: center;font-size: 20px;line-height: 30px;font-weight: 200;color: #000;border: 1px solid #CCC;position: absolute;left: 50%;bottom: -40px;margin: -40px;transition: all 300ms ease-in-out;box-shadow: 0 0 5px grey;opacity: 0;transform: scale(.1);}
.multigraph-sec .multigraph:hover .tooltip {bottom: 75%;opacity: .8;transform: scale(1);}
.multigraph-sec .graph {width: 400px;height: 200px;position: absolute;overflow: hidden;}

.multigraph-sec .graph:before, .graph:after {width: 400px;height: 200px;position: absolute;top: 100%;border: 22px solid #0FA91C;content: '';border-radius: 0 0 400px 400px;border-top: none;animation: lbs-status-0 3s;transform-origin: center top;}
.multigraph-sec .graph:after {transform: rotate(0deg);}

.multigraph-sec .graph-br25:before, .graph-br25:after {width: 400px;height: 200px;position: absolute;top: 100%;border: 22px solid #0FA91C;content: '';border-radius: 0 0 400px 400px;border-top: none;animation: lbs-status-25 3s;transform-origin: center top;}
.multigraph-sec .graph-br25:after {transform: rotate(25deg);}

.multigraph-sec .graph-br50:before, .graph-br50:after {width: 400px;height: 200px;position: absolute;top: 100%;border: 22px solid #0FA91C;content: '';border-radius: 0 0 400px 400px;border-top: none;animation: lbs-status-60 3s;transform-origin: center top;}
.multigraph-sec .graph-br50:after {transform: rotate(50deg);}


/* Radio Button and Checkbox CSS */
.form-check{margin:0 0 10px;}
.form-check .form-check-input{height:20px;width:20px;border:1px solid #B1B9C1;background-color:#fff;box-shadow:none;}
.form-check .form-check-input:checked{background-color:var(--primary-color);border-color:var(--primary-color);}
.form-check label{color:var(--nevada-color);line-height:28px;margin-left:16px;}
.form-check-inline .form-check{display:inline-block;margin-right:16px;}
.form-check.form-switch .form-check-input{width:32px;height:16px;}
.form-switch .form-check-input:focus{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");}
.form-switch .form-check-input:checked:focus{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");}

.personalized-sec {margin:32px 0px;}
.personalized-sec .accordion-cont {display: flex;align-items: center; width: 100%;justify-content:space-between;}
.personalized-sec .form-check {display: flex;margin: 0;}
.personalized-sec .form-check-input {margin-top: 2px;}
.personalized-sec .form-check-label {color: #212121;font-size: 20px;font-style: normal;font-weight: 600;line-height: normal;margin-left: 16px;}
.personalized-sec .accordion-titile {color: #646F7D;font-size: 16px;font-style: normal;font-weight: 400;line-height: normal;display:block;margin:0 auto;position: absolute;left: 50%;transform: translateX(-50%);}
.personalized-sec .accordion-item:not(:first-of-type) {border: 0.5px solid #B1B9C1;}
.personalized-sec .accordion-button{padding: 16px 24px;box-shadow: none;border-radius: 12px 12px 0 0;height:76px;}
.personalized-sec .accordion-button.collapsed .collapsed-goal{display:none;}
.personalized-sec .accordion-button:not(.collapsed) {background-color: #ECF2FF;}
.personalized-sec .accordion-button:not(.collapsed) .accordion-titile{display:none;}
.personalized-sec .accordion-item {border-radius: 12px;border: 1px solid #B1B9C1 !important;background: #FFF !important;margin:0 0 16px;}
.personalized-sec .accordion-item:first-of-type {border-radius: 12px;}
.personalized-sec .accordion-item:first-of-type .accordion-button {border-top-left-radius: 12px;border-top-right-radius: 12px;}

.macronutrient-summary {border-radius: 12px;border: 0.5px solid #B1B9C1;background: #fff;display: flex;padding: 32px 20px;flex-direction: column;align-items: flex-start; margin:0px 0px 32px;}
.macronutrient-summary li h5 {color: #212121;font-size: 16px;font-weight: 600;line-height: normal;margin: 32px 0 12px;background: linear-gradient(270deg, rgba(255, 255, 255, 0.10) 0%, rgba(88, 245, 88, 0.10) 100%), #FFF;padding: 6px 11px;border-left:3px solid #53bb48;}
.macronutrient-summary h4 {color: #212121;font-size: 20px;font-weight: 600;line-height: normal;margin:0px;}
.macronutrient-text h6 {color: #212121;font-size: 20px;font-weight: 600;line-height: normal;margin: 0;}
.macronutrient-text h6 span {color: #B1B9C1;font-size: 14px;font-weight: 600;line-height: normal;}
.macronutrient-text p {color: #646F7D;font-size: 12px;font-weight: 600;line-height: normal;margin: 2px 0 0;}
.macronutrient-text {border-right: 1px solid #b1b9c196;padding-right: 20px;margin-right: 20px;}
.macronutrient-summary ul{width:100%;}
.macronutrient-staus {border-radius: 8px;border: 0.5px solid rgba(177, 185, 193, 0.40);background: linear-gradient(166deg, #FFF 1.93%, #D0D3D6 112.08%);display: flex;width: 28px;flex-direction: column;justify-content: flex-end;align-items: flex-start;gap: 8px;align-self: stretch;overflow:hidden;}
.macronutrient-staus span{height: 8px;align-self: stretch;background: linear-gradient(0deg, #338F33 0%, #58F558 100%);}

.macronutrient-summary .protein h5 {background: linear-gradient(90deg, rgba(177, 143, 255, 0.10) 0%, rgba(255, 255, 255, 0.10) 100%), #FFF; border-left:3px solid #8061c7;}
.macronutrient-summary .protein .macronutrient-staus span {background: linear-gradient(180deg, #B18FFF 0%, #4F338F 100%);}

.macronutrient-summary .fat h5 {background: linear-gradient(90deg, rgba(245, 88, 114, 0.10) 0%, rgba(255, 255, 255, 0.10) 100%), #FFF; border-left:3px solid #c44e61;}
.macronutrient-summary .fat .macronutrient-staus span {background: linear-gradient(180deg, #F55872 0%, #8F3343 100%);}

.macronutrient-summary .fiber h5 {background: linear-gradient(90deg, rgba(245, 190, 89, 0.10) 0%, rgba(255, 255, 255, 0.10) 100%), #FFF; border-left:3px solid #c9a150;}
.macronutrient-summary .fiber .macronutrient-staus span {background: linear-gradient(180deg, #F5BE59 0%, #8F6F34 100%);}

.macronutrient-summary {border-radius: 12px;border: 0.5px solid #B1B9C1;background: #fff;display: flex;padding: 32px 20px;flex-direction: column;align-items: flex-start;margin: 0px 0px 32px;position: relative;min-height: 400px;overflow:hidden;}
.macronutrient-summary .multigraph-sec {height: 180px;position: relative;position: absolute;bottom: 0;}
.macronutrient-summary .need-ntn {color: #965A00;font-size: 14px;font-weight: 500;line-height: 14px;border-radius: 200px;border: 1px solid #F80;height: 24px;padding: 4px 12px;background-color: #fff;margin: 32px auto 12px;max-width: 200px;text-align: center;display: flex;}

.macronutrient-summary .multigraph-sec .multigraph {max-width: 350px;margin: 0 auto;}
.macronutrient-summary .multigraph-sec .multigraph:before {content: '';width: 350px;height: 180px;position: absolute;border: 22px solid #EFEFEF;border-radius: 350px 350px 0 0;border-bottom: none;}
.macronutrient-summary .multigraph-sec .tooltip {width: 80px;height: 30px;background: lightgrey;text-align: center;font-size: 20px;line-height: 30px;font-weight: 200;color: #000;border: 1px solid #CCC;position: absolute;left: 50%;bottom: -40px;margin: -40px;transition: all 300ms ease-in-out;box-shadow: 0 0 5px grey;opacity: 0;transform: scale(.1);}
.macronutrient-summary .multigraph-sec .multigraph:hover .tooltip {bottom: 75%;opacity: .8;transform: scale(1);}
.macronutrient-summary .multigraph-sec .graph {width: 350px;height:180px;position: absolute;overflow: hidden;}

.w-250{width:250px;}
.w-110{width:110px;}
.calorie-sec{position:absolute; bottom:032px; }
.Personalized-table-sec .registerFormBlock .form-group {position: relative;margin: 0px 16px 6px 0px;}
.Personalized-table-sec thead tr {border-radius: 4px 4px 0px 0px;background: #EDEFF2;height: 24px;}
.Personalized-table-sec .btn.btn-outline-warning {border-radius: 4px;border: 1px solid #FFE198;background: var(--Grayscale-White, #FFF);color: #212121;}
.Personalized-table-sec .text-secondary{margin-right:12px;}
.Personalized-table-sec .registerFormBlock .form-control {color: var(--woodsmoke-color);line-height: 22px;height: 48px;border: 1px solid #B1B9C1;border-radius: 4px;background-color: #ffffff;padding: 16px;letter-spacing: 0.3px;font-weight: 400;box-shadow: none;border-style: solid;transition: none;}
.Personalized-table-sec .add-btn {display: flex;align-items: center;border-top: 1px solid #b1b9c16b;padding: 16px 0 0;font-weight: 600;line-height: normal;margin: 16px 0 0;color: #255798;font-size: 16px;}
.Personalized-table-sec .table > thead {vertical-align: middle;}
.Personalized-table-sec .table > :not(caption) > * > * {padding: 0 8px;}
.Personalized-table-sec thead tr td {color: #646F7D;font-size: 12px;font-weight: 700;line-height: normal;}
.Personalized-table-sec tbody.registerFormBlock tr td {padding: 16px 0 0;}
.Personalized-table-sec .macronutrient-text h6 {color: #212121;font-size: 32px;font-weight: 600;line-height: normal;margin: 0;}
.Personalized-table-sec .macronutrient-text h6 span {font-size: 18px;font-style: normal;font-weight: 400;line-height: normal;}

.personalized-header {display: flex;align-items: center;}
.personalized-header .btn.btn-outline-secondary {border: 1px solid #B1B9C1;background-color: #fff;height: 40px;display: flex;align-items: center; color:#212121;}
.personalized-header .btn-group{margin-left:24px;}


.table-scroll {
display: block;
empty-cells: show;
margin: 0;
padding-left: 0;
border-spacing: 0;
}

.table-scroll thead {
position: relative;
display: block;
width: 100%;
overflow-y: scroll;
}

.table-scroll tbody {
display: block;
position: relative;
width: 100%;
overflow-y: scroll;
}

.table-scroll tr {
width: 100%;
display: flex;
}

.table-scroll th {
padding: 8px;
color: #646F7D;
font-weight: 500;
border-bottom: 2px solid #E9ECF0;
font-size: 16px;
line-height: 19px;
}

.table-scroll td {
padding: 18px 8px;
border-bottom: 1px solid #E9ECF0;
position: relative;
}

.table-scroll td:first-child {
display: flex;
justify-content: center;
align-items: center;
}

.table-scroll td,
.table-scroll th {
flex-basis: 100%;
flex-grow: 2;
display: block;
text-align: left;
}

.table-scroll.small-first-col td:first-child,
.table-scroll.small-first-col th:first-child {
flex-basis: 20%;
flex-grow: 1;
}

.body-half-screen {
max-height: 50vh;
}

.small-col {
flex-basis: 10%;
}

.future-state {
width: 12px;
height: 12px;
border: 1px solid #646F7D;
background-color: #fff;
border-radius: 50%;
position: relative;
z-index: 9;
}

.future-state::after {
position: absolute;
content: "";
border: 1px dashed #B1B9C1;
width: 1px;
height: 56px;
left: 50%;
transform: translateX(-50%);
top: 11px;
z-index: -1;
}

.present-state {
position: relative;
width: 16px;
height: 16px;
border: 1px solid #00497A;
background-color: #fff;
border-radius: 50%;
z-index: 9;
}

.present-state::before {
width: 12px;
height: 12px;
background: #00497A;
position: absolute;
content: "";
left: 50%;
top: 50%;
border-radius: 50%;
transform: translate(-50%, -50%);
}

.present-state::after {
position: absolute;
content: "";
border: 1px solid #B1B9C1;
width: 1px;
height: 56px;
left: 50%;
transform: translateX(-50%);
top: 6px;
z-index: -1;
}

.disabled-state {
position: relative;
width: 12px;
height: 12px;
background: #B1B9C1;
border-radius: 50%;
}

.disabled-state::after {
position: absolute;
content: "";
border: 1px solid #B1B9C1;
width: 1px;
height: 56px;
left: 50%;
transform: translateX(-50%);
bottom: 6px;
}


@keyframes lbs-status-25 {
    0% {
transform: rotate(0deg)
}

25% {
transform: rotate(25deg)
}

}
@keyframes lbs-status-60 {
0% {
transform: rotate(0deg)
}

60% {
transform: rotate(60deg)
}
}


/* Personal Daily Routine Section CSS Start Here */ 
.weight-loss-cont {display: flex;align-items: center;margin: 0 0 16px;}
.weight-loss-cont p {font-size: 14px;font-weight: 500;line-height: normal;margin: 0px 0px 8px;}
.weight-loss-btn:hover, .weight-loss-btn:focus {border: 1px solid #B1B9C1;}
.weight-loss-list li {border-bottom: 1px solid #E9ECF0;margin-bottom: 20px;padding-bottom: 4px;}
.weight-loss-list li:last-child {border: 0;padding: 0;margin: 0;}
.weight-loss-btn {display: flex;min-width: 80px;padding: 12px;align-items: center;gap: 12px;align-self: stretch;border-radius: 4px;border: 1px solid #B1B9C1;background: #FFF;justify-content: space-between;margin-left: 12px;}
.weight-loss-list .weight-loss-text {font-size: 14px;color: #646F7D;}
.weight-loss-btn span {font-size: 16px;color: #212121;}
.dietician-custom-modal {max-width: 1336px;width: 100%;}
.dietician-custom-modal .modal-body{background:inherit;border-radius:24px;overflow:hidden;}
.dietician-custom-modal .btn-close{position: absolute;bottom: 56px;left: 400px;width: 68px;height: 58px;opacity: 0;}
.add-item{display:flex;align-items:flex-start;gap:24px;}
.add-item-list {display:flex;align-items:center;gap:16px;}
.add-item-list .custom-link{display:flex;align-items:center;gap:8px;}
.add-item-list .custom-link:not(:last-child){padding-right:16px;border-right:1px solid #D3D7DB;}
.what-to-do{padding-left:24px;border-left:1px solid #D3D7DB;}
.what-to-do h6{font-size:20px;line-height:normal;}
.what-to-do p{margin:0;}
.what-to-do ul{padding:0 0 0 18px;}
.what-to-do ul li{list-style:disc;font-size: 15px;font-weight: 400;line-height: 24px;letter-spacing: 0.2px;}
.accordion-body{padding:24px;}
.cal-goal{display:flex;align-items:center;color:#212121;font-size: 17px;font-weight: 600;line-height: normal;letter-spacing: 0.2px;gap:14px;}
.collapsed-goal{margin:0 24px 0 0;}
.cal-goal p{margin:0;display:flex;align-items:center;gap:4px;}
.cal-goal h6{color:#212121;font-size: 32px;font-weight: 600;line-height: normal;margin:0;}
.cal-goal h6 span{color:#646F7D;font-size: 17px;font-weight: 400;line-height: 24px;letter-spacing: 0.2px;}
.breakfast-form .form-list{width:100%;}
.breakfast-list .row:not(first-child){border-top:1px solid #B1B9C1;padding-top:24px;margin-top:24px;}
.breakfast-list .row:first-child{border:none;padding-top:0;margin-top:0;background:transparent;border:1px solid transparent;border-radius:5px;}
.breakfast-form label{font-size: 13px;line-height: 18px;letter-spacing: 0.2px;color:#646f7d;}
.breakfast-form label sup{color:red;}
.breakfast-form .form-control, .breakfast-form .form-select{border-radius: 6px;border:none !important; border-bottom: 2px solid #D3D7DB !important;background-color: #F0F3F6;padding: 13px 12px 12px 12px;min-height:48px;font-size: 15px;line-height: 22px;letter-spacing: 0.2px;color:#212121;box-shadow:none;outline:none;}
.breakfast-form .search-form{position:relative;}
.breakfast-form .search-form input{padding-right:40px;}
.breakfast-form .search{position:absolute;right:16px;top:50%;transform:translateY(-50%);opacity:0.5;}
.breakfast-form .suggest-form input{padding-left:40px;padding-right:12px;}
.breakfast-form .suggest-form .search{left:12px;opacity:1;}
.calories{margin:30px 0 0;display:inline-flex;align-items:center;gap:8px;border-radius:4px;padding:0 6px 0 0;}
.calories-list{display:flex;align-items:center;position:relative;gap:12px;height:48px;padding:0 8px}
.calories-list li{display:flex;align-items:center;position:relative;gap:4px;padding:0 0 0 10px;color:#646F7D;font-size:14px;line-height:normal;margin:0;border:none;}
.calories-list li span{font-weight:500;color:#212121;font-size:14px;line-height:normal;}
.calories-list li:before{position:absolute;left:0;top:50%;transform:translateY(-50%); height:12px;background:#7C5FED;width:2px;border-radius:24px;content:'';display:inline-block;}
.calories-list li.fiber:before{background:#FB9300;}
.calories-list li.calories:before{background:#FFECD1;}
.calories-list li.proteins:before{background:#0C831F;}
.calories-list li.fats:before{background:#3AE1ED;}
.delete-icon{cursor:pointer;}
.full-details-list{display:flex;padding:16px;border-top:1px solid #D3D7DB;margin-top:32px;align-items:center;gap:16px;justify-content:flex-end;margin:30px -24px 0}
.full-details-list .form-select{width:200px;background-color:#fff !important;border:1px solid #D3D7DB !important;border-radius:4px;}
.breakfast-list .active{padding:12px;border: 1px solid #D64029;background: linear-gradient(90deg, rgba(214, 64, 41, 0.10) 0%, rgba(196, 47, 161, 0.10) 76.99%), #FFF;border-radius:5px;}
.breakfast-list .active .form-control, .breakfast-list .active .form-select{border-color:#D3D7DB;background-color:#FFF;}
.breakfast-list .active .calories{background: rgba(255, 255, 255, 0.40);}
.inner-list{overflow:hidden;}
.added-suggestion .inner-list{padding-bottom:50px !important;}
.suggest-breakfast{border-radius: 8px;border: 1px solid #D64029;background:#FFF;box-shadow: 0 -7px 7px 0 rgba(171, 86, 154, 0.04);padding:16px 24px 16px 16px;width:calc(100% - 24px);margin:-40px 12px 0;position:relative;display:flex;align-items:center;gap:16px;}
.healthy-suggest *{justify-content:flex-end;}
.healthy-suggest span{font-size: 13px;line-height: 18px;letter-spacing: 0.2px;}
.healthy-suggest a{font-size: 14px;line-height: 18px;letter-spacing: 0.2px;font-weight:500;}
/*.new-suggestions {padding:16px;background: linear-gradient(90deg, rgba(214, 64, 41, 0.10) 0%, rgba(196, 47, 161, 0.10) 76.99%), #FFF;border-radius: 8px;border: 1px solid #D64029;}*/
.new-suggestions {max-width:540px;}
.suggest-breakfast ul{display:flex;flex-direction:column;gap:8px;padding-left:16px;}
.suggest-breakfast ul li{list-style:disc;color:#212121;font-size: 15px;font-weight: 600;line-height: normal;letter-spacing: 0.2px;}
.suggest-breakfast ul li span{background:linear-gradient(90deg, #D64029 0%, #C42FA1 76.99%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-size: 11px;font-weight: 500;line-height: normal;letter-spacing: 0.2px;}
.suggest-breakfast .close-icon{position:absolute;right:15px;cursor:pointer;}
.health-index{border-radius: 12px;padding: 16px 24px;background: linear-gradient(97deg, #42AD8F 0%, #01835E 33.1%, #0D2F25 97.23%);box-shadow: 0 6px 7px 0 rgba(0, 73, 122, 0.06);display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;}
.health-index .index-info{display:flex;flex-direction:column;gap:12px;}
.health-index h6{color: #DBF3DE;font-size: 15px;font-weight: 600;line-height: normal;letter-spacing: 0.2px;margin:0;}
.health-index h2{color:#FAFBFC;font-size: 48px;font-weight: 600;line-height: normal;margin:0;}
/*.calories-summery {border-radius: 12px;border: 1px solid #B1B9C1;background: #FFF;padding:12px;overflow:hidden;}*/
/* Your Daily Routine Section CSS End Here */ 


/* Scan QR code Modal CSS Start Here */
.scan-item .modal-dialog{max-width:872px;}
.scan-item .scan-item-inner{display:flex;gap:48px;}
.scan-item .upload-box {border: 2px dashed #4a90e2;border-radius: 10px;padding: 30px;text-align: center;width: 350px;background: #fdfdfd;}
.scan-item .upload-box h3 {margin: 15px 0 10px;font-size: 18px;}
.scan-item .upload-box p {font-size: 14px;color: #666;}
.scan-item .uploaded-section {border: 1px solid #ddd;border-radius: 6px;padding: 12px;margin-top: 12px;}
.scan-item .uploaded-image{border-radius: 4px;border: 1px solid #E8E9EB;padding:4px;background:#fff;min-width:48px;min-height:48px;}
.scan-item .uploaded-file{position:relative;display: flex;align-items: center;gap:12px;}
.scan-item .uploaded-file span {font-size: 14px;}
.scan-item .uploaded-file-info h6{font-size: 17px;font-weight:600;color:#212121;letter-spacing:0.2px;margin:0 0 4px;}
.scan-item .uploaded-file-info p{color:#646F7D;font-size: 13px;line-height: 18px;letter-spacing: 0.2px;margin:0;}
.scan-item .progress {width: 100%;height:6px;background: #e6e6e6;border-radius: 5px;margin-top: 8px;overflow: hidden;}
.scan-item .progress-bar {height: 6px;background: #4a90e2;width: 100%;}
.scan-item .remove-btn {cursor: pointer;color: #646F7D;font-weight: bold;position:absolute;right:0;top:0;font-size:16px !important;}
.scan-item .divider {display: flex;flex-direction: column;align-items: center;font-weight: bold;color: #c44;font-size: 14px;position:relative;}
.scan-item .divider::before {content: "";display: block;width: 2px;height: 100%;background: #eee;margin-bottom: 10px;}
.scan-item .divider span{width: 32px;min-height: 32px;border-radius: 100px;background: #D64029;color: #FAFBFC;font-size: 13px;font-weight: 700;line-height: normal;letter-spacing: 0.2px;display: flex;align-items: center;justify-content: center;position: absolute;top: 50%;transform:translateY(-50%)}
.scan-item .qr-box {background: #111;border-radius: 10px;padding: 30px;text-align: center;color: #fff;width: 375px;}
.scan-item .qr-box p, .scan-item .qr-box li, .scan-item .qr-box h3{color:#FAFBFC;opacity:0.5;margin:0;font-size: 13px;}
.scan-item .qr-box h3{color:#fff;margin:0 0 4px;font-size: 18px;}
.scan-item .qr-box img {width: 140px;height: 140px;margin:12px auto;}
.scan-item .qr-box ul {text-align: left;display:inline-block;margin:0 auto;}
/* Scan QR code Modal CSS End Here */



/* Weight Entry Log Modal CSS Start Here */
.weight-tracker-card table th{padding:8px;color:#646F7D;font-size: 14px;font-weight: 500;line-height: 19px;text-align:left !important;}
.weight-tracker-card table td{padding:8px;height:60px;vertical-align:middle;font-size:16px;font-weight:400;color:#646F7D;border-color:#E9ECF0;}
.weight-tracker-card table td:first-of-type{border:none;}
.weight-tracker-card table tr:last-child .entry-indicator:after{display:none;}
.entry-indicator {width: 18px;height: 18px;border-radius: 50%;background-color: #B1B9C1;position: relative;margin:0 auto;border:3px solid #fff;}
.entry-indicator.current {border-color:#D64029;background-color:#fff;}
.entry-indicator::after {content: '';position: absolute;top: 14px;left: 50%;transform: translateX(-50%);width: 1px;height: 60px;background-color: #B1B9C1;}
.entry-indicator.current:after {background: none;border-left: 1px dashed #B1B9C1;}
.weight-tracker-card .weight-input-container {display: flex;align-items: center;border-radius: 4px;border: 1px solid #B1B9C1;background: #FFF;padding:12px;margin-right: 12px;width:84px;}
.weight-tracker-card .form-control{border: none;outline: none;font-size: 16px;font-weight: 400;text-align: left;background: transparent;box-shadow:none;padding:0px;}
.weight-tracker-card .weight-unit {color:#646F7D;font-size: 14px;font-weight: 500;margin-left: 4px;}
.weight-tracker-card .current-weight-label {color: #646F7D;font-size: 14px;font-weight: 500;line-height: normal;}
/* Weight Entry Log Modal CSS End Here */