﻿/* Banner Section CSS Start Here */
.weight-management h2{font-size:38px;line-height:58px}
.weight-management .faq h2 {font-size:32px;line-height:40px;font-weight:600;}
.weight-management .members{position:absolute;border-radius:100px;background:var(--white-color);padding:10px 25px;display:flex;align-items:center;height:70px;gap:6px;right:50px;bottom:50px;}
.weight-management .members p {margin:0;color:#234338;font-size:18px;font-weight:600;line-height:150%;}
.weight-management .members img{max-height:52px;}
.weight-management .members p span{color:#468671;}
.weight-management .banner-section{padding:70px 42px;color:var(--white-color);height:610px;background:linear-gradient(90deg, #173C6C 35.7%, rgba(39, 46, 55, 0) 99.74%), url('https://nationscdn.azureedge.net/otc-container/images/medicaid/weight-management-banner.webp') no-repeat right top;background-size:auto 100% !important;position:relative;}
.weight-management .banner-content{max-width:650px;}
.language-sec .weight-management .banner-content{max-width:870px;}
.weight-management .banner-content *{color:var(--white-color);}
.weight-management .banner-content a {font-size:18px;font-weight:700;line-height:18px;letter-spacing:0.3px;padding:14px 32px;border-radius:8px;margin:0;min-width:200px;}
.weight-management .banner-content h5{font-size:20px;font-weight:400;line-height:normal;border-bottom:2px solid #BEE9B7;display:inline-block;padding-bottom:6px;margin:0 0 8px;}
.weight-management .banner-content h1 {font-size:48px;line-height:normal;margin:0 0 32px;font-weight:700;}
.weight-management .banner-content p {font-size:21px;line-height:32px;margin:0 0 24px;font-weight:400;}

@media(min-width:1900px) {
    .weight-management .banner-section{background:linear-gradient(90deg, #173C6C 53.04%, rgba(39, 46, 55, 0) 99.74%), url('https://nationscdn.azureedge.net/otc-container/images/medicaid/weight-management-banner.webp') no-repeat right top;}
}
/* Banner Section CSS End Here */


/* Human Care Section CSS Start Here */
.nutrition-page .human-care{text-align:center;background:url(https://nationscdn.azureedge.net/otc-container/images/nutrition/innovation-bg.webp);padding:64px 60px;background-size:cover;}
.nutrition-page .human-care *{color:#212121;}
.nutrition-page .human-care h2{margin-bottom:40px;}
.nutrition-page .human-care-list{display:flex;align-items:flex-start;justify-content:space-between;gap:32px;margin:0 auto}
.nutrition-page .human-care-list .care-list{width:360px;}
.nutrition-page .human-care-list .icon{width:56px;height:56px;margin-bottom:24px;display:inline-block;}
.nutrition-page .human-care-list .icon img{-webkit-filter: invert(100%);filter: invert(100%);}
.nutrition-page .human-care-list h6{font-size:20px;font-weight:600;line-height:32px;margin-bottom:4px;}
.nutrition-page .human-care-list p{font-size:20px;font-weight:400;line-height:normal;margin:0;color:#646F7D;}
/* Human Care Section CSS End Here */


/* What’s Included Section CSS Start Here */
.what-included{padding:40px 0;}
.what-included .what-included-inner{margin-top:32px;}
.what-included h2{color:#212121;margin:0;text-align:center;}
.what-included p{color:var(--nevada-color);text-align:center;font-size:19px;font-weight:500;line-height:150%;margin:0;}
.what-included .included-list{display:flex;align-items:flex-start;padding:40px;border-radius:10px;border:1px solid rgba(177, 185, 193, 0.50);background:var(--white-color);gap:16px;height:100%;}
.what-included .included-list h6{color:#212121;font-size:20px;font-weight:600;line-height:150%;margin:0 0 2px;}
.what-included .included-list p{font-size:16px;text-align:left;}
.what-included .list-image{border-radius:6px;background:#00497A;min-width:56px;min-height:56px;display:flex;align-items:center;justify-content:center;}
/* What’s Included Section CSS End Here */


/* Learn& Tackle Section CSS Start Here */
.learn-tackle{background:linear-gradient(98.05deg, #00497A 7.74%, #0065A9 94.97%);padding:48px 0;}
.learn-tackle .section-top-left{margin:0 0 32px;}
.learn-tackle .section-top-left *{color:var(--white-color) !important;}
.learn-tackle h2{margin:0 0 8px;line-height:38px;}
.learn-tackle p{font-size:19px;font-weight:500;line-height:150%;margin:0;}
.learn-list{padding:24px;border-radius:10px;border:1px solid #EEF8D3;background:#F5F6F8;box-shadow:0 4px 4px 0 rgba(0, 0, 0, 0.25);}
.learn-list .image-part{border-radius:12px;height:336px;margin-bottom:20px;overflow:hidden;}
.learn-list .image-part img{object-fit:cover;height:100%;}
.learn-list h6{color:#333;font-size:16px;font-weight:500;margin:0 0 2px;}
.learn-list h5{color:#262626;font-weight:600;margin:0;overflow:hidden;white-space:nowrap;display:block;text-overflow:ellipsis;}

@media(min-width:1900px) {
    .learn-list .image-part{max-height:440px;}
}
/* Learn& Tackle Section CSS End Here */


/* Contact Nutrition Section CSS Start Here*/
.nutrition-page .contact-nutritionist{ border-radius:8px; margin:40px 0; background:linear-gradient(98.05deg, #00497A 7.74%, #0065A9 94.97%);overflow:hidden;}
.nutrition-page .nutritionist-img{max-width:240px;}
.nutrition-page .nutritionist-content{padding:32px 32px 16px; color:#fff;}
.nutrition-page .nutritionist-content p{font-size:20px; color:rgba(255, 255, 255, 0.8); line-height:normal;}
.nutrition-page .nutritionist-content h6{font-size:20px; margin-bottom:4px;color:rgba(255, 255, 255, 0.8); line-height:normal;}
.nutrition-page .nutritionist-content .nutritionist-btn{font-size:15px; color:#00497A; margin-top:60px; font-weight:700; padding:13px 30px; border-radius:4px;width:200px;}
/* Contact Nutrition Section CSS End Here*/



/* ========================================== 
    Health Goal Page CSS
/* ========================================== */
.page-info{padding:32px 0 64px;background:#EAEEF5;max-height:calc(100vh - 72px);overflow:auto;}
.page-info.scroll-active{padding-bottom:130px;}
.page-title-section{position:relative;padding-bottom:14px;display:flex;align-items:center;justify-content:space-between;}
.page-title-section:after{content:'';position:absolute;left:0; height:2px;width:120px;bottom:0;background:#D64029;}
.page-title-section h5{color:#212121;font-size: 20px;font-weight: 700;line-height: normal;margin:0 0 4px;}
.page-title-section p{color:#212121;font-size: 16px;font-weight: 400;line-height: normal;margin:0;}
.page-title-section .more-info{color:#646F7d;margin:4px 0 0;font-size:14px;font-weight:500;}
.page-title-section .faq-link{font-size:14px;line-height:normal;font-weight:600;display:flex;align-items:center;gap:6px;}
.page-sticky-footer{border-top: 1px solid #E9ECF0;background: #FFF;box-shadow: 0 -4px 4px 0 rgba(0, 0, 0, 0.05);position:fixed;bottom:0;padding:24px 48px;left:0;width:100%;}
.page-sticky-footer button{width:200px;height:48px;}
.goal-alert{border-radius: 4px;border: 1px solid rgba(241, 102, 42, 0.20);background:#FBF3D2;padding:8px 12px;display:flex;align-items:center;gap:8px;margin:12px 0 0;color:#212121;font-size: 17px;font-weight: 400;line-height: 24px;letter-spacing: 0.2px;}

/* Set Your Health Goals Section CSS Start Here */
.goal-list{border-radius:8px;background:#fff;overflow:hidden;display: block;}
.goal-image-part{height:134px;position:relative;}
.goal-image-part img{object-fit:cover;height:100%;width:100%;}
.goal-list-image{border-radius: 6px;border: 2px solid #FFF;background: linear-gradient(98deg, #00497A 7.74%, #0065A9 94.97%);width:56px;height:56px;display:flex;align-items:center;justify-content:center;margin:-48px 0 12px;position:relative;padding:12px;}
.goal-info{padding:24px;position:relative;}
.goal-list .content-part{display:flex;align-items:center;justify-content:space-between;}
.goal-list h6{color:#262626;font-size:20px;font-weight:500;margin:0 0 2px;}
.goal-list p{font-size:14px;line-height:normal;color:#646F7D;font-weight:500;margin:0;}
.goal-list .renewal-icon {height: 40px;width: 40px;background-color: var(--primary-color);border-radius: 50%;display: flex;align-items: center;justify-content: center;}
.goal-list .renewal-icon img{filter: brightness(0) invert(1);}
.goal-list .goal-added{border-radius: 40px;border: 1px solid #01835E;background:#DBF3DE;padding: 10px 16px;display:flex;align-items:center;justify-content:center;color: #01835E;font-size: 16px;font-weight: 500;line-height: normal;white-space:nowrap;gap:6px;margin:0;}
/* Set Your Health Goals Section CSS End Here */


/* Set Your Health Goals Modal CSS Start Here */
.goal-modal h6{color: #212121;}
.goal-modal .modal-dialog{max-width:760px;}
.goal-modal ul{display:flex;flex-direction:column;gap:48px;}
.goal-modal .modal-footer{gap:16px;padding:24px;}
.goal-modal .modal-title{font-weight:500 !important;}
.goal-modal .modal-footer button{min-width:126px;margin:0;}
.goal-modal .weight-list{display:flex; align-items:center;gap:32px;}
.goal-modal .weight-list .form-control{min-height:48px;}
.goal-modal .weight-list .form-control::placeholder{color:#212121;}
.goal-modal .weight-list img{width:530px;}
.goal-modal .weight-list sup{color:red;}
.goal-modal .weight-field{width:120px;}
.goal-modal .weight-field input{outline:none;box-shadow:none;border-color:#ced4da}
.goal-modal.short-goal .modal-body{padding:0;}
.goal-modal .goal-image-part{height:108px;}
.goal-modal .goal-list-image{height:72px; width:72px;margin:-70px 0 24px;}
.goal-modal .appointment-list{margin-bottom:48px;}
.goal-modal .appointment-list select{width:200px;height:42px;line-height:normal;}
.goal-modal .work-goall{display:flex; align-items:center;gap:16px;}
.goal-modal .work-goall button{height:42px;padding:9px 24px;line-height:normal;border-color:#B1B9C1 !important;box-shadow:none !important;color: #212121;font-size: 16px;line-height: normal;border-radius:4px;}
.goal-modal .work-goall button.active{border-color:#F2604A !important;background-color:rgba(242, 96, 74, 0.10);}
.hit-weight {border: 1px solid #ccc;border-radius: 50px;display: inline-flex;overflow: hidden;}
.hit-weight button{border: none;border-right: 1px solid #ccc;background: #fff;padding:7px 20px;font-weight: 500;color: #000;white-space:nowrap;height:48px;display:flex;align-items:center;flex-wrap:wrap;font-size: 15px;line-height: normal;letter-spacing: 0.2px;}
.hit-weight button:last-child {border-right: none;}
.hit-weight button.active {background: #fff4f3;font-weight: 600;position: relative;line-height:normal;}
.hit-weight button.active::before {content: "✔";font-size: 14px;margin-right: 6px;color: #000;}
.hit-weight button small {display: block;font-size: 12px;color: #008060;font-weight:normal;}
/* Set Your Health Goals Modal CSS End Here */

@media(min-width:1920px){
    .goal-image-part{height:185px;}
}




/* ========================================== 
    Nutrition Personal Details CSS
/* ========================================== */
.nutrition-details-page, .provider-information, .nutrition-health-page{padding-bottom:130px;overflow:auto;}
.questionary-box{padding:24px 32px;margin:24px 0 0;background:#fff;border-radius:12px;}
.questionary-box .address-block{border-radius: 8px;border: 1px solid #B1B9C1;padding:16px;position: relative;width:450px;margin:0;}
.questionary-box .address-block h5, .questionary-box .address-block p{color: #212121;font-size: 16px;font-weight: 600;line-height: normal;margin:0 0 8px !important;}
.questionary-box .address-block p{font-weight: 400;}
.questionary-box .address-block a{position:absolute;right:16px;top:16px;display:flex;align-items:center;gap:6px;}
.questionary-box li:not(:last-child){border-bottom: 1px solid #E9ECF0;padding-bottom:24px;margin-bottom:24px;}
.questionary-box li p{margin:0 0 16px;font-weight: 600;font-size: 16px;line-height: 23px;}
.questionary-box li p span{color:#646F7D;}
.questionary-box li h6{color: #646F7D;font-size: 14px;font-weight: 500;line-height: normal;margin:0 0 16px;}
.questionary-box .inner-list h6{color:#212121;margin:0 0 8px;}
.questionary-box li button{margin:0 !important;white-space:nowrap;}
.questionary-box .quotation-list:not(:last-child){margin-bottom:32px;}
.questionary-box .quotation-list{gap:16px;display:flex;flex-wrap:wrap;}
.questionary-box .form-control, .form-select{height:50px;outline:none !important;box-shadow:none !important;border:1px solid #B1B9C1 !important;}
.form-control::-webkit-outer-spin-button,.form-control::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}
.form-control[type=number] {-moz-appearance: textfield;}
.questionary-box label{margin:0 0 8px;white-space:nowrap;font-size: 14px;font-style: normal;font-weight: 500;line-height: normal;color:#646F7D;}
.questionary-informaton label{margin:0;}
.questionary-informaton .input-group{width:80px;flex-wrap:nowrap;padding:12px;border:1px solid #B1B9C1;border-radius:4px;height:50px;}
.questionary-informaton .form-select{min-width:200px;}
.questionary-informaton .form-control{border:none !important;padding:0 4px 0 0;height:auto;}
.questionary-informaton .input-group-text{background:none;height:100%;color:#646F7D;font-size: 16px;font-weight: 500;line-height: 22px;letter-spacing: 0.3px;border:none;padding:0;}
.delete-list {position: absolute;right: -30px;width: 16px;height: 16px;cursor: pointer;top: 57%;transform: translate(-50%);}
.quotation-list .form-switch {position: relative;margin:0;}
.quotation-list .form-switch:after {content: "";position: absolute;height: 30px;width: 2px;background-color:#E9ECF0;left: -24px;top: 50%;transform:translateY(-50%)}
.quotation-list .custom-toggle-check {display: flex;align-items: center;justify-content: space-between;gap:48px;padding:24px;border-radius: 12px;border: 1px solid #E9ECF0;}
.quotation-list .custom-toggle-check .form-check-input {padding: 11px 20px;background-color: rgba(120, 120, 128, 0.32);border-color: transparent;} 
.quotation-list .custom-toggle-check .form-check-input:checked {background-color: rgba(50, 215, 75, 1);border-color: rgba(50, 215, 75, 1);}
.quotation-list .custom-toggle-check .form-check-label {font-size: 16px;font-weight:500;line-height: 22px;margin:0;color:#212121;}
.provide-info{max-width:840px;display:block !important;}




/* Elevance Nutrition Header CSS Start Here */
.elevance-header{display:flex;align-items:center;justify-content:space-between;padding:16px 48px;height:80px;border-bottom:1px solid #E9ECF0;position:fixed;z-index:99;width:100%;top:0;left:0;background:#fff}
.elevance-header .logo-section img{height:24px;}
.elevance-header .exit-link{display:flex;align-items:center;justify-content:center;padding:12px 24px;width:160px;height:50px;gap:4px;font-size: 16px;}
/* Elevance Nutrition Header CSS End Here */

/* Elevance Nutrition Home Banners CSS Start Here */
.header-banner-new-sec{height:224px;min-height:inherit !important;}
.header-banner-new-sec .marketplace-banner{min-height:224px !important;height:224px !important;}
.home-banner1 {background: url("https://nationscdn.azureedge.net/otc-container/images/nutrition/banner1.webp"), linear-gradient(98deg, #09262E 7.74%, #2D6890 47.16%, #90D6E2 94.97%), linear-gradient(98deg, #005A96 7.74%, #0065A9 94.97%);}
.home-banner2 {background: url("https://nationscdn.azureedge.net/otc-container/images/nutrition/banner2.webp"), linear-gradient(98deg, #1A3055 7.74%, #645AA1 47.16%, #C7AAE4 72.32%, #F8DED3 94.97%);}
.home-banner3 {background:url("https://nationscdn.azureedge.net/otc-container/images/nutrition/banner3.webp"), radial-gradient(607.36% 148.53% at 63.68% 109.37%, #5DB8F5 0%, #015E9D 42.31%), linear-gradient(98deg, #005A96 7.74%, #0065A9 94.97%);}
.home-banner{background-repeat:no-repeat !important; background-position: right center !important;background-size:100% !important;margin:0 !important}
.home-banner h3{font-weight:700;color:#FAFBFC;}
.home-banner p {font-size: 15px !important;line-height: 21px !important;letter-spacing: 0.2px;color:#FAFBFC;}
.home-banner .shop-grocery-otc{height:100%;top:0 !important;}
.home-banner .shop-grocery-otc img{height:100%;width:auto;object-fit:cover;}
.home-banner button{padding:14px 34px !important;border-radius:4px !important;}
.home-banner .marketplace-banner-img img{display:none !important;}
.home-banner1 p, .home-banner3 p{max-width:400px;}
.marketplace-banner-left{display: inline-flex;flex-wrap: wrap;flex-direction: column;align-items: flex-start;justify-content: center;}
.dashboard .owl-nav{display:flex;align-items:center;justify-content:space-between;position:absolute;top:calc(50% - 15px);transform:translateY(-50%);width:100%;background:none !important;padding:0 16px;right:0;z-index:999;}
.dashboard .owl-nav button{margin:0 !important;}
.dashboard .owl-nav button.disabled{opacity:0 !important;}
.dashboard .owl-nav button:after, .dashboard .owl-nav button:before, .dashboard .owl-nav button span:after, .dashboard .owl-nav button span:before{display:none !important;}
.dashboard .owl-nav button span{background:url(https://nationscdn.azureedge.net/otc-container/images/right-arrow.svg) no-repeat center center; width:32px; height:32px;filter: brightness(0) invert(1);background-size:100%;}
.dashboard .owl-nav button.owl-prev span{transform:rotate(-180deg)}

@media(min-width:1920px){
.home-banner1 {background: url("https://nationscdn.azureedge.net/otc-container/images/nutrition/banner1-big.webp"), linear-gradient(98deg, #09262E 7.74%, #2D6890 47.16%, #90D6E2 94.97%), linear-gradient(98deg, #005A96 7.74%, #0065A9 94.97%);}
.home-banner2 {background: url("https://nationscdn.azureedge.net/otc-container/images/nutrition/banner2-big.webp"), linear-gradient(98deg, #1A3055 7.74%, #645AA1 47.16%, #C7AAE4 72.32%, #F8DED3 94.97%);}
.home-banner3 {background:url("https://nationscdn.azureedge.net/otc-container/images/nutrition/banner3-big.webp"), radial-gradient(607.36% 148.53% at 63.68% 109.37%, #5DB8F5 0%, #015E9D 42.31%), linear-gradient(98deg, #005A96 7.74%, #0065A9 94.97%);}
}
/* Elevance Nutrition Home Banners CSS End Here */

/* Providers Information CSS Start Here */
.provider-information .health-list{gap:16px;display:flex;align-items:center;flex-wrap:wrap;}
.provider-information .health-list li{position:relative;gap:12px;border:1px solid rgba(15, 86, 115, 0.16);display:flex;align-items:center;justify-content:center;border-radius:8px;padding:0;margin:0;-webkit-transition:all .2s ease 0s;-o-transition:all .2s ease 0s;transition:all .2s ease 0s;}
.provider-information .health-list li label{padding: 12px 60px 12px 48px;cursor: pointer;width: 100%;height: 100%;margin: 0;color: #212121;font-weight: 400;}
.provider-information .health-list li img{position:absolute;left:16px;}
.provider-information .health-list li:hover, .provider-information .health-list li:focus, .provider-information .health-list li.active{border-color:#F2604A;background:rgba(214, 64, 41, 0.10);}
.provider-information .health-list .form-check-input {position:absolute;right:16px; height: 20px;width: 20px;border: 1px solid #646f7D;background-color: #ECFAFF;box-shadow: none;margin:0 0 0 8px}
.provider-information .health-list .form-check-input:checked {background-color: #F2604A;border-color: #F2604A;}
.provider-information .quotationery-information{padding:32px 24px 24px 32px;margin:24px 0 0;}
.provider-information .questionary-box{border-radius:0 0 12px 12px;margin:0;}
.provider-information .sidebar-box{position:relative;}
.provider-information .sidebar-box input{border-radius: 6px;border: 2px solid #00497A !important;background: #FFF;color:#00497A;font-size: 14px;font-weight: 600;line-height: normal;margin-bottom:24px;}
.provider-information .sidebar-box input::placeholder{color:#00497A;font-size: 14px;font-weight: 600;line-height: normal;}
.provider-information .search-icon{position: absolute;top: 50%;right: 20px;transform: translateY(-50%);}
/* Providers Information CSS End Here */

/* Chat Section CSS Start Here */
.custom-chat-icon{border-radius:72px;border: 1px solid #E9ECF0 !important;background: #FFF;cursor:pointer;position:fixed;right:24px;bottom:24px;width:64px; height:64px;z-index:999;box-shadow: 0px 2px 12px 0px #0F567352 !important;}
.custom-chat-icon:hover{opacity:0.8;}
.custom-chat-container {position: fixed;right: 20px;bottom: 20px;height: 732px;width: 432px;border-radius: 16px;border: 1px solid #E9ECF0;background: #FFF;box-shadow: 0 2px 12px 0 rgba(15, 86, 115, 0.32);overflow:hidden;padding:24px;z-index:999;}
.custom-chat-container .chat-header{display:flex;align-items:center;gap:24px;margin-bottom:16px;}
.custom-chat-container .chat-header .close-button{position:absolute;right:16px;top:16px;cursor:pointer;width:12px;}
.custom-chat-container .profile-image {width:64px;height:64px;min-width: 64px;min-height: 64px;border-radius:50%;overflow:hidden;}
.custom-chat-container .chat-header p {margin: 0;color:#646F7D;font-size: 14px;font-weight: 500;line-height: 14px;display:flex;align-items:center;gap:8px;}
.custom-chat-container .chat-header h6 {color:#255798;font-size: 20px;font-weight: 700;line-height: normal;margin:0 0 4px;}
.custom-chat-container .chat-header .status{padding:0 0 0 8px;position:relative;margin-left:6px;}
.custom-chat-container .chat-header .status:before {background: #0FA91C;width: 8px;height: 8px;border-radius: 50px;display: inline-block;content: '';position: absolute;left: -6px;top: 50%;transform: translateY(-50%);}
.custom-chat-container .register{border-left:1px solid #B1B9C1;padding-left:8px;}
.custom-chat-container .chat-messages{display:flex;flex-wrap:wrap;gap:16px;height:555px;overflow:auto;flex-direction: column; }
.custom-chat-container .chat-messages .message {border-radius: 12px 12px 12px 0;background: #E9ECF0;padding:12px;width:calc(100% - 24px);}
.custom-chat-container .chat-messages .user-message{text-align:right;}
.custom-chat-container .chat-messages .user-message .message {border-radius: 12px 12px 0 12px;background: #F5F6F8;float: right;}
.custom-chat-container .chat-messages .message p{margin:0;font-size:14px;font-weight:500;line-height:20px;}
.custom-chat-container .chat-messages .message-wraper small{color:#646F7D;font-size: 12px;font-weight: 500;line-height: normal;}
.custom-chat-container .chat-input {padding:0 !important;border:none !important;}
.custom-chat-container .chat-input .input-group {border: 1px solid #e9ecef;border-radius: 25px;display: flex;align-items: center;overflow: hidden;padding:12px 16px;gap:8px;}
.custom-chat-container .chat-input .form-control, .custom-chat-container .chat-input .form-control:focus {box-shadow: none;border: none;padding:0;}
/* Chat Section CSS End Here */


/* NutritionHealth Information Stepper Section CSS Start Here */
.step-pagination{display:flex;align-items:center;gap:12px;margin:0 0 16px;}
.step-pagination p{color: #D64029;font-size: 14px;font-weight: 600;line-height: normal;margin:0;}
.stepper{display:flex;align-items:center;gap:16px;}
.stepper li{background:#fff;border:1px solid #D64029;width:20px;height:20px;border-radius:100%;display:flex;position:relative;align-items:center;justify-content:center;}
.stepper li:first-child:after{width:16px;border-top:1px dashed #D64029;position:absolute;top:50%;content:'';left:20px;transform:translateY(-50%)}
.stepper li:before{position:absolute;width:8px;height:8px;border-radius:100%;background:transparent;content:'';left:5px;top:5px;}
.stepper li.active:before{background:#D64029;}
.stepper li.completed{padding:0;border:none;}
.stepper li.completed:before{display:none;}
/* NutritionHealth Information Stepper Section CSS End Here */






/* Slect Device List CSS Start Here */ 
.fitness-tracker h6{color: #212121;font-size: 16px;font-weight: 400;line-height: 22px;letter-spacing: 0.3px;margin:0 0 12px;}
.fitness-tracker .device-list{display:flex;align-items:center;gap:16px;flex-wrap:wrap;}
.fitness-tracker .device-list li{text-align:center;}
.fitness-tracker .device-list p{color: #212121;font-size: 15px;font-weight: 400;line-height: 21px;letter-spacing: 0.2px;margin:8px 0 0;}
.fitness-tracker .device-list button{padding: 12px;border-radius: 8px;border: 1px solid #D3D7DB;background: #FFF;width: 132px;height: 66px;display: inline-block;}
.fitness-tracker .device-list button.active{border-color:#D64029;background:#FBECEA;}
.fitness-tracker .modal-footer button{min-width:160px;}
/* Slect Device List CSS End Here */ 


/* Slect Modal List CSS Start Here */ 
.fitness-tracker .selected-device-info{display:flex;align-items:center;justify-content:space-between;margin:0 0 24px;}
.fitness-tracker .selected-device-info h6{margin:0;}
.fitness-tracker .selected-device-info button{border-radius: 8px;border: 1px solid #255798;padding:12px 24px 12px 12px;display:flex;align-items:center;gap:12px;height:34px;}
.fitness-tracker .selected-device-info button img{max-width:63px;}
.fitness-tracker .select-modal-list{margin:0 0 0 -24px;}
.fitness-tracker .select-modal-list li{margin-bottom:12px; display:flex;align-items:center;min-height:62px;color:#212121;font-size: 15px;line-height: 21px;letter-spacing: 0.2px;gap:10px;padding:8px 24px;width:calc(100% + 24px);cursor:pointer;}
.fitness-tracker .select-modal-list li:hover, .select-modal-list li.active{background:#FBECEA}
.fitness-tracker .select-modal-list li img{width:40px; height:40px;}
/* Slect Modal List CSS End Here */ 


/* Tracker OTP CSS Start Here */ 
.fitness-tracker .tracker-otp{display:flex;justify-content:center;flex-direction:column;gap:26px;}
.fitness-tracker .tracker-otp p{color:#212121;font-size: 16px;font-weight: 400;line-height: 22px;letter-spacing: 0.3px;margin:0;}
.fitness-tracker .tracker-otp .same-network{color:#646f7d;}
.fitness-tracker .tracker-otp .otp-section{display:flex;align-items: center;gap:8px;}
.fitness-tracker .tracker-otp .form-control{width: 56px;height: 56px;padding:15px 12px;text-align: center;border-radius: 6px;border:none;border-bottom: 2px solid #01835E;background: #F0F3F6;color:#212121;font-size: 17px;font-weight: 700;line-height: 24px;letter-spacing: 0.2px;outline:none;box-shadow:none}
.fitness-tracker .tracker-otp .form-control::-webkit-outer-spin-button,.fitness-tracker .tracker-otp .form-control::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}
.fitness-tracker .tracker-otp .form-control[type=number]{-moz-appearance: textfield;}
/* Tracker OTP CSS End Here */ 

/* Success Message CSS Start Here */ 
.connected-success{max-width:520px !important;}
.connected-success .modal-header, .connected-success .modal-footer{display:none;}
.connected-success .modal-body{padding:48px;}
.fitness-tracker .connected{text-align:center;}
.fitness-tracker .connected h2{color: #212121;font-size: 28px;font-weight: 500;line-height: 28px;margin:0 0 6px;}
.fitness-tracker .connected p{color:#646F7D;font-size: 16px;font-weight: 400;line-height: 22px;max-width:350px;margin:0 auto;}
.fitness-tracker .connected p span{color:#212121;font-weight: 500;}
.fitness-tracker .connected .congratulations span{display:block;}
.fitness-tracker .connected button{margin-top:48px;}
.fitness-tracker .connected-device{background: url("https://nationscdn.azureedge.net/otc-container/images/medicaid/ellipse.svg") no-repeat center center;width:200px;height:200px;margin:16px auto;position:relative;}
.fitness-tracker .success{position:absolute;right:12px;top:2px;}
/* Success Message CSS End Here */

/* Article CSS Start Here */ 
.artical-header {background: #dae1ed;margin:32px 0 24px;border-radius:8px;padding:10px 16px;}
.artical-header h6{margin:0;color:#212121;font-weight:400;font-size:16px;}
.artical-header p{margin:0; color:#01835E;font-size:14px;font-weight:600;}
.artical-header span{margin:0 0 0 8px; color:#01835E;font-size:14px;font-weight:600;}
.artical-content h5{font-size:20px;color:#212121;margin-bottom:12px;}
.artical-content-img {max-width:420px; border-radius:8px;}
.artical-content h5 img{padding-right:12px;}
.artical-content p b {font-size: 16px;font-weight: 600;}
.artical-content ul {margin:4px 0 4px 10px;}
.artical-content ul li {position:relative; padding-left:16px;}
.artical-content ul li:before {content:''; width:5px; height:5px; border-radius:50%;background:#212121; position:absolute;left:0; top:10px;}
.artical-content ul.list-block {margin-bottom:12px;}
@media (min-width: 1920px) {
    .artical-content-img {max-width:550px;}
}
/* Article CSS End Here */




/* Educational Resources section CSS Start Here */ 
.healthy-essentials-sec {padding: 64px 0;background: #fff;}
.healthy-essentials-title {display: flex;justify-content: space-between;align-items: center;margin: 0 0 24px;}
.healthy-essentials-title h4 {font-size: 32px;font-weight: 700;line-height: 36px;margin:0 0 8px}
.healthy-essentials-title p {color:#646F7D;font-size: 20px;font-weight: 400;line-height: 29px;margin: 0px;}
/*.personalized-sec .healthy-points-sec {padding: 64px 0px 0;*//*background: linear-gradient(180deg, #FFF 0%, #EAEEF5 100%);margin:32px 0 0;*/}
.healthy-points-sec .healthy-points-bg {width: 100%;object-fit: contain;}
.healthy-points-sec .leaderboard-bg {height: 100%;object-fit: contain;}
.healthy-points-sec .current-level {display: flex;align-items: center;gap: 32px;}
.healthy-points-sec .Points-rewards {background: #407BFF;display: flex;padding: 14px 24px;align-items: center;gap: 24px;align-self: stretch;color: #fff;border-radius: 0px 0px 8px 8px;}
.healthy-points-sec .Points-rewards-no {display: flex;align-items: center;}
.healthy-points-sec .Points-rewards-no span {color: #FFF;font-size: 20px;font-weight: 600;line-height: normal;margin-right: 4px;}
.personalized-sec .short-term{margin:0;}
.personalized-sec .preferred-sec h4{font-size:24px;line-height:normal;font-weight:600;}
.preferred-sec .preferred-titile{justify-content:space-between;}
.preferred-titile h4{font-size:32px !important;line-height:normal !important;}
.preferred-sec .earn-price-text{margin-right:24px;color:#F8FAFC;font-size: 13px;font-weight: 700;line-height: normal;letter-spacing: 0.2px;padding: 4px 12px;border-radius: 50px;background: #407BFF;z-index:9;}
.short-term .preferred-cont{position:relative;}
.short-term .earn-price-text{position: absolute;right: 24px;top: 24px;margin:0;}
.short-term button, .short-term button:hover{background:#fff;border-radius: 40px;color:#255798;font-size: 16px;font-weight: 500;line-height: normal;display:flex;align-items:center;gap:4px;padding:0 16px;}
.short-term h6{color:#262626;font-size: 18px;font-weight: 500;line-height: normal;text-transform: capitalize;margin:0 0 4px;}
.short-term .progress {height: 32px;border-radius: 24px;background:#EAEEF5;margin:16px 0 12px;position:relative;}
.short-term .progress-bar{background: #01835E;border-radius:50px;min-width: 32px;}
.short-term .w-25{width:25%;}
.short-term .progress span{color:#212121;font-size: 16px;font-weight: 400;line-height: 22px;letter-spacing: 0.3px;right:24px;position:absolute;top:50%;transform:translateY(-50%)}
.short-term .goal-text{text-align:center;color:#212121;font-size: 16px;line-height: 22px;letter-spacing: 0.3px;}
/* Educational Resources section CSS End Here */

/* Coach Message Card section CSS Start Here */  
.coach-message-card {border: 1px solid #f0c6d0;border-radius: 10px;background: #fff;padding:16px;cursor:pointer;margin:0 0 16px;}
.coach-message-card .chat-top, .coach-message-card .chat-bottom{display:flex;align-items:center;justify-content:space-between;margin:0 0 16px;}
.coach-message-card .chat-top p{display:flex;align-items:center;color: #c2185b;margin:0;}
.coach-message-card .chat-top a{display:flex;align-items:center;}
.coach-message-card .message-text{color:#212121;font-size: 15px;font-weight: 400;line-height: 21px;letter-spacing: 0.2px;}
.coach-message-card .chat-bottom p{color:#646F7D;font-size: 13px;line-height: 18px;letter-spacing: 0.2px;margin:0;}
.coach-message-card .coach-info .coach-name {color:#255798;font-size: 13px;font-weight: 600;line-height: normal;letter-spacing: 0.2px;}
.coach-message-card .coach-info .coach-role {color:#646F7D;font-size: 11px;font-weight: 500;line-height: normal;letter-spacing: 0.2px;}
/* Coach Message Card section CSS End Here */ 

/* Marked Completed Modal CSS Start Here */
.marked-completed-modal .modal-dialog {max-width:540px;}
.marked-completed-modal .modal-content {border-radius: 12px;background: #FFF;box-shadow: 0 4px 32px 0 rgba(0, 0, 0, 0.29);padding:40px;}
.marked-completed-modal .modal-body {display:flex;align-items:center;justify-content:center;flex-direction:column;gap:48px;text-align:center;padding:0;}
.marked-completed-modal h6{color:#01835E;font-size: 24px;font-weight: 600;line-height: normal;margin:0;}
.marked-completed-modal button {padding: 8px 32px;border-radius: 4px;background: var(--Jasper, #D64029);height:46px;line-height:normal;min-width:160px;margin:0;}
/* Marked Completed Modal CSS End Here */