﻿





/* SFMono Fonts CSS  */
@font-face {
    font-family: "SFMono-Regular";
    src: url('https://nationscdn.azureedge.net/nb-container/fonts/SFMono/SFMono-Regular.woff2') format('woff'), url('https://nationscdn.azureedge.net/nb-container/fonts/SFMono/SFMono-Regular.woff') format('truetype'), url('https://nationscdn.azureedge.net/nb-container/fonts/SFMono/SFMono-Regular.otf') format('svg');
    font-display: auto;
    font-style: normal;
    font-weight: 400;
    font-stretch: normal;
}

@font-face {
    font-family: "SFMono-Semibold";
    src: url('https://nationscdn.azureedge.net/nb-container/fonts/SFMono/SFMono-Semibold.woff2') format('woff'), url('https://nationscdn.azureedge.net/nb-container/fonts/SFMono/SFMono-Semibold.woff') format('truetype'), url('https://nationscdn.azureedge.net/nb-container/fonts/SFMono/SFMono-Semibold.otf') format('svg');
    font-display: auto;
    font-style: normal;
    font-weight: 600;
    font-stretch: normal;
}

@font-face {
    font-family: "SFMono-Bold";
    src: url('https://nationscdn.azureedge.net/nb-container/fonts/SFMono/SFMono-Bold.woff2') format('woff'), url('https://nationscdn.azureedge.net/nb-container/fonts/SFMono/SFMono-Bold.woff') format('truetype'), url('https://nationscdn.azureedge.net/nb-container/fonts/SFMono/SFMono-Bold.otf') format('svg');
    font-display: auto;
    font-style: normal;
    font-weight: 700;
    font-stretch: normal;
}
body{overflow-x:hidden;}
.quotationery-main-sec{background-color:#fff !important;}
/* Header CSS */
.health-profile-header {display:inherit; background:#fff; border-bottom:1px solid #e9ecf0;}
.health-profile-header .arrow-back-btn {margin-right:16px; cursor:pointer;}
.health-profile-header .client-logo:before {left:0; right:auto;}
.health-profile-header .client-logo {position:relative;padding:0 0 0 16px;margin:0 0 0 16px;}
.health-profile-header.custom-logo img {max-height:32px;}
.health-profile-header .top-bar {width:100%; padding:15px 0;}
.health-profile-header .navbar ul {margin: 0; padding: 0; display: flex;list-style: none;align-items: center; animation: slideRightToLeft 1s linear forwards;}
.health-profile-header .navbar ul > li {white-space: nowrap;}
.health-profile-header .navbar ul > li a {padding: 8px 12px; color:#00497A; font-size:16px; font-weight:600; line-height:24px;transition: all 0.3s ease 0s;}
.health-profile-header .navbar ul > li a.active, .health-profile-header .navbar ul > li a:focus, .health-profile-header .navbar ul > li a:hover {background:#ecfaff; cursor:pointer;}
.health-profile-header .navbar ul > li:not(:first-child) {margin-left:12px;}

.health-survey-left {background: url(https://nationscdn.azureedge.net/otc-container/images/AI/survey-left-bg.png) no-repeat;padding: 48px 24px 0px;height: calc(100vh - 120px);margin: 0;position: absolute;max-width: 100%;z-index: 1;right: 48px;top: 0px;background-size: cover;left:0px;text-align:center;}
.surveyl-bg {position: fixed;left: 0;}
.health-survey-left h3{line-height:38px; font-weight:600; color:var(--white-color); margin-bottom:16px;}
.health-survey-left p{font-size:20px; line-height:24px; color:#fff; font-weight:300;}
/* quotationery Css Start Here */
ol .single-quotation-sec {margin: 0 0 30px;list-style: decimal;padding:0px;}
ol.quotationery-main {padding: 0;}
.single-quotation-sec p {margin: 0 0 12px;}
.quotation-list .quotation-btn {padding: 8px 30px;border: 1px solid #B1B9C1;border-radius: 4px;margin-right: 16px;display: inline;cursor: pointer;background-color:#fff;}
.quotation-list .quotation-btn.active {background:var(--primary-light-color);border-color: var(--primary-color);}
.quotation-list .quotation-btn.disabled {pointer-events: none;color: var(--cadet-blue-color);background-color: #e9ecef !important;opacity: 0.8;border-color: #B1B9C1 !important;}
.quotationery-bottom {background-color: #fff;padding: 16px;box-shadow: 0px -4px 4px 0px #0000000D;position: sticky;bottom: 0;z-index: 2; display:flex;margin-left:30%;}
.quotationery-bottom button {min-width: 200px;}

/* health conditions Css Start Here */
.health-conditions-cont {padding: 40px 0px;border-bottom: 1px solid #E9ECF0;}
.health-conditions-sec .title-content {display: flex;align-items: center;justify-content: space-between;}
.health-conditions-sec .title-cont p {color: #646F7D;margin: 0;}
.health-conditions-sec .health-title {font-size: 20px;font-weight: 600;line-height: 28px;margin: 0px 0 24px;}
.health-conditions-sec .health-list {display: flex;align-content: start;flex-wrap: wrap;}
.health-conditions-sec .health-list li {border-radius: 8px;height: 58px;border: 1px solid #E9ECF0;display: flex;align-items: center;padding: 0px 62px 0 0px;background-color:#ffffff;}
.health-conditions-sec .health-list .checkbox label {padding-left: 0;cursor: pointer;color: #212121;line-height: 24px;font-size: 18px; padding:16px;}
.health-conditions-sec .health-list .box {position: absolute;right: -24px;}
.health-conditions-sec .checkbox span {display: flex;align-items: center;}
.health-conditions-sec .checkbox {display: flex;align-items: center; padding:0px;}
.health-conditions-sec .healthImg {margin-right: 12px; height:22px; width:22px;}
.health-conditions-sec .health-list li:focus, .health-conditions-sec .health-list li:hover, .health-conditions-sec .health-list li.active {border: 1px solid var(--primary-color);}
.health-conditions-sec .no-results-sec {margin: 40px 0;}
.health-conditions-sec .no-results-sec h3 {margin: 0 0 28px;}
.health-conditions-sec .no-results-sec h4 {margin: 0 0 16px;font-size: 20px;font-weight: 600;}
.health-conditions-sec .no-results-sec ul li {color: #646F7D;margin: 0px 0px 8px;line-height: 20px;position: relative;padding-left: 20px;}
.health-conditions-sec .no-results-sec ul li:before {position: absolute;content: "";height: 4px;width: 4px;border-radius: 50%;background-color: #646F7D;left: 6px;top: 9px;}
.product-details-description .title-content {display: block;}

/*Health Journey Assistant*/
.health-assistant-sec .questionaries {margin-top: 32px;}
.health-assistant-sec{margin-bottom:32px;}
.health-assistant-sec h4{font-size:20px; line-height:24px; margin-bottom:12px;}
.health-assistant-sec .health-search{position:relative;}
.health-assistant-sec .health-search .dropdown-menu{width:100%; left:0; border-radius:0 0 8px 8px;}
.health-assistant-sec .search-icon{position:absolute;top:50%; transform:translateY(-50%); left:16px;}
.health-assistant-sec .border-gradient { width:100%; border-radius:50%; border: 2px solid; border-image-source: linear-gradient(274.46deg, #7A8DF0 23.41%, #C10DA4 100%);border-image-slice: 1; border-radius:1em; padding:12px 78px 12px 43px;}
.health-assistant-sec .border-gradient::placeholder {font-size:14px; line-height:24px; font-weight:600; color:#00497A}
.health-assistant-sec .border-gradient:focus-visible {outline:none;}
.health-assistant-sec .health-search-icon{position:absolute; right:16px; top:50%; transform:translateY(-50%); background:none;}
.health-assistant-sec .search-close{position:absolute; right:55px; top:50%; transform:translateY(-50%); background:none;}
.health-assistant-sec .search-close:after{position: absolute; content: ""; width: 1px; border-right: 1px solid #B1B9C1; height: 16px;right: -12px;top: 5px;}
.health-assistant-sec .questionaries-title h4{font-weight:500; display:inline-block;}
.health-assistant-sec .questionaries-title h4 span{font-size:20px; font-weight:300; margin-right:11px;}
.health-assistant-sec .questionaries-title p{max-width:668px;}
.health-assistant-sec .questionaries-title p:after{background:var(--primary-hover-color);content: '';margin:8px 0; width:82px; height: 2px; display:block;}
.health-assistant-sec .steps-count{width:84px;height:32px; background:#222B2F; color:var(--white-color); border-radius:24px; text-align:center; font-size:14px; line-height:32px; font-weight:500;}

/*health-survey-left*/
.health-survey-left.personal-nutritionist-left {padding:32px 60px;border-right:1px solid #E3E4E5;background-color: #ffff !important;}
.personal-user-stats .badge {color: #fff;background-color: #222B2F;border-radius: 30px;width: 50px;height: 23px;font-size: 11px;line-height: 14px;margin: -6px 5px 0;display: flex;align-items: center;justify-content: center;position: absolute;z-index: 1;}
.personal-user-stats {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.personal-user-stats .user-stats-avatar {position: relative;margin-right: 12px;height: 72px;width: 72px;border-radius: 50%;border: 6px solid #B1B9C1;background-color: #ebf0fa;}
.personal-user-stats .user-stats-avatar img {max-width: 100%;}
.personal-user-stats .user-stats-info {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;text-align: left;}
.personal-user-stats .user-stats-name {color: #212121;font-size: 20px;line-height: 28px;font-weight: 600;margin: 0px 0px 4px;}
.personal-user-stats .user-stats-position {color: #212121;font-size: 14px;font-weight: 400;line-height: 18px;}
.personal-user-stats .user-stats-info a {font-size: 14px;line-height: 18px;font-weight: 600;color: #255798;margin: 14px 0 0;}
.personal-user-list {text-align: left;margin:34px 0 16px;}
.personal-user-text{margin-left:8px;}
.personal-user-list li{align-items:flex-start;}
.personal-user-text h5 {font-size: 16px;font-weight: 400;line-height:18px;margin:0px 0px 4px;color:#212121;font-weight:500;}
.personal-user-list .list-img {width: 17px;height: 17px;margin:2px 0 0;}
.personal-user-text p {color: #646F7D;font-size: 14px;line-height: 18px;font-weight: 400;}


.healthy-score-sec {width: 338px;height: 338px;color: #212121;}
.healthy-score-sec h6 {text-align: left;margin: 0 0 24px;}
.circle {border-radius: 50%;border: 1.77px solid rgba(0, 73, 122, 0.08);display: flex;align-items: center;justify-content: center;}
.circle-bg {width: 278px;height: 278px;position: relative;animation: rotateTo50 1s linear forwards;}
.inner-circle1 {width: 221px;height: 221px;}
.inner-circle2 {width: 161px;height: 161px;}
.inner-circle3 {width: 102px;height: 102px;}
.overall-score {box-shadow: 0px 1.18px 7.07px 0px rgba(15, 86, 115, 0.32);background: #fff;width: 56px;height: 56px;}
.overall-score:before {background: radial-gradient(60.13% 60.13% at 50% 50%, rgba(255, 223, 91, 0.2) 0%, rgba(251, 243, 210, 0) 100%);position: absolute;content: '';width: 161px;height: 161px;z-index: -1;}
.score-content-main {animation: zoomInOut 1s ease-in-out forwards;}
.score-content-main h5 {font-size: 18px;line-height: 24px;font-weight: 600;text-align: center;margin: 0;}
.score-content-main h5 span {display: block;font-size: 10px;line-height: 14px;font-weight: 400;}
.health-score {animation: rotate 2.5s linear;}
.score-content {position: absolute;text-align: center;display: flex;align-items: center;justify-content: center;flex-direction: column;}
.score-content .score-img {box-shadow: 0px 1.18px 4.71px 0px rgba(14, 10, 31, 0.08);background: #fff;margin-bottom: 5px;width: 24px;height: 24px;border-radius: 50%;display: flex;align-items: center;justify-content: center;}
.score-content p {font-size: 10px;line-height: 12px;font-weight: 700;color: #00497A;}
.score-content p span {font-weight: 500;display: block;}
.score-content.heart {left: 38%;bottom: 4%;}
.score-content.hearing {left: 5%;top: 44%;}
.score-content.weight {left: 26%;top: 8%;}
.score-content.blood {right: 15%;top: 15%;}
.score-content.pressure {right: 6%;bottom: 18%;}

.health-assistant-sec h5{font-size:20px; font-weight:600; line-height:24px; color:var(--woodsmooke-color)}
/*Health Journey right section start*/
.journey-right-section {width:1032px; padding:0 24px; margin-left:450px;}
.journey-right-section h5{font-size:20px; font-weight:600; line-height:24px; color:var(--woodsmooke-color)}
/*Health Journey right section end*/
.journey-assistant-section h4{line-height:24px; margin-bottom:12px;}

/*Search section start*/
.health-journey-search{position:relative;}
.health-journey-search .dropdown-menu{width:100%; left:0; border-radius:0 0 8px 8px;}
.border-gradient-purple { width:100%; border-radius:50%; border: 2px solid #8d6adb; /*border-image-source: linear-gradient(274.46deg, #7A8DF0 23.41%, #C10DA4 100%);border-image-slice: 1;*/ border-radius:6px; padding:12px 78px 12px 43px;}
.border-gradient-purple::placeholder {font-size:14px; line-height:24px; font-weight:600; color:#00497A}
.border-gradient-purple:focus-visible {outline:none;}
.search-star{position:absolute;top:50%; transform:translateY(-50%); left:16px;}
.journey-search-icon{position:absolute; right:16px; top:50%; transform:translateY(-50%); background:none;}
.journey-search-close{position:absolute; right:55px; top:50%; transform:translateY(-50%); background:none;}
.journey-search-close:after{position: absolute; content: ""; width: 1px; border-right: 1px solid #B1B9C1; height: 16px;right: -12px;top: 5px;}
.search-suggestions{margin:12px 0 40px;}
.search-suggestions span {padding: 15px 16px;border: 1px solid #B1B9C1;border-radius: 6px; margin-right: 12px;font-size: 14px; line-height: 17px;font-weight: 600;background: linear-gradient(to left, #00497A, #8A4673); -webkit-text-fill-color: transparent; -webkit-background-clip: text; }
/*Search section end*/

/*Questionaries section start*/
.questionaries-title h4{font-weight:500; display:inline-block;}
.questionaries-title h4 span{font-size:20px; font-weight:300; margin-right:11px;}
.questionaries-title p{max-width:668px;}
.questionaries-title p:after{background: #F2604A;content: '';margin:8px 0; width:82px; height: 2px; display:block;}
.steps-count{width:84px;height:32px; background:#222B2F; color:var(--white-color); border-radius:24px; text-align:center; font-size:14px; line-height:32px; font-weight:500;}
.questionaries-tooltip{ background:#222B2F; box-shadow: 0px 2px 8px 0px #0E0A1F29; padding:12px; color:var(--white-color); left:0;width:305px; white-space:normal; text-align:left; line-height:22px;}
.questionaries-tooltip:after, .questionaries-tooltip:before{border:none;}
/*Questionaries section end*/

/*Banner section start*/
.health-banner-section h4{margin-bottom:24px;}
.health-banner-section .inner-banner {color: var(--white-color);border-radius: 6px; position:relative;background: linear-gradient(100.75deg, #1A6EAC 0.94%, #68E1A5 100%),linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));}
.health-banner-section .banner-content{padding:24px;}
.health-banner-section .inner-banner img{max-width:100%;}
.health-banner-section .inner-banner h4{margin-bottom:4px;}
.health-banner-section .banner-text{margin-bottom:0px; line-height:19px;}
/*Banner section end*/

/*Internal navigation section start*/
.internal-nav{ margin:40px 0 0 0;position:sticky; top:71px;z-index:9;    background-color: #fff;}
.internal-nav .nav-link{font-size:16px; line-height:24px; font-weight:600 !important; color:#00497A;}
/*Internal navigation section end*/


/*Healthy Shopping start*/
.healthy-shop-inner{ padding:24px; background:#00497A; border-radius:8px; color:var(--white-color); margin:24px 0 40px 0;}
.healthy-shop-inner h5{font-size:20px; color:var(--white-color); line-height:24px; font-weight:600;}
/*Healthy Shopping end*/

/*Controlling Blood Pressure section start*/
.blood-pressure-section{margin:40px 0;}
.blood-pressure{padding:24px; border:1px solid #E9ECF0; cursor:pointer; border-radius:8px; font-size:20px; font-weight:600; line-height:24px; margin-bottom:24px; color:var(--white-color); display:flex; justify-content:space-between; align-items:center;}
.blood-pressure-section .learn-more{padding:24px; font-size:20px; font-weight:600; line-height:24px; text-decoration:underline; color:#00497A; display:inline-block;}
.blood-pressure:hover{color:var(--white-color);}
.report-bp {background: linear-gradient(270deg, #8544AE 0%, #81216C 100%);}
.order-bp-test{background: linear-gradient(270deg, #586CB5 0%, #402181 100%);}
.help-bp-test {background: linear-gradient(270deg, #B59058 0%, #814F21 100%); margin-bottom:0;}
/*Controlling Blood Pressure section end*/

/*Dietary Recommendations section start*/
.meditation-yoga {padding:16px; background:var(--white-color); border-radius:8px;position: relative;width: 100%; border:1px solid #E9ECF0;}
.meditation-yoga-section .meditation-content{min-height:125px;}
.meditation-content p {display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.meditation-yoga h6{font-size:16px; font-weight:600; line-height:24px; margin:0px;}
.bottom-action{font-weight:600; text-decoration:none; cursor:pointer;}
.meditation-yoga .meditation-yoga-img {position: absolute;right: 20px;max-height:60px;bottom:0px;}
.meditation-links .dropdown-menu{left:0;}
.last-screening-modal h6{font-size:14px; font-weight:500; margin-bottom:12px; line-height:17px;}
.last-screening-modal .upload-reports {max-width:240px; margin-top:12px; cursor:pointer;}
.last-screening-modal .upload-reports .drag-block{width: auto;border: 1px dashed #B1B9C1;border-radius: 8px;}
.last-screening-modal .upload-reports .formbold-file-input input {opacity: 0;position: absolute;}
.last-screening-modal .upload-reports .formbold-file-input label {position: relative;border-radius: 6px;padding: 16px 26px;}
.last-screening-modal .upload-reports .formbold-drop-file {display: block;color: #212121;font-size: 14px;font-weight: 600;letter-spacing: 0.3px;line-height: 17px;margin-bottom: 3px;}
.last-screening-modal .upload-reports .formbold-drop-file span{color: #255798;text-decoration:underline;cursor:pointer;}
.last-screening-modal .upload-reports .drag-icon {margin-right:20px;}
.last-screening-modal .upload-reports span.formbold-or {color: #646F7D;font-size: 12px;letter-spacing: 0.26px;line-height: 14px;}
/*Dietary Recommendations section end*/

/* Lifestyle Modifications section start*/
.life-modification-section{margin-bottom:32px;}
.life-modification-section h5{margin-bottom:16px;}
.life-content{border:1px solid #E9ECF0; border-radius:8px;}
.dietary-recommendations{padding:16px;}
.dietary-content{min-height:140px;}
.life-content h5{font-weight:500; margin-bottom:0;}
.life-content .read{font-size:12px; font-weight:600; color:var(--nevada-color); white-space:nowrap;}
.life-content p{color:var(--nevada-color); margin-top:12px;display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.life-content .read-article{font-size:18px; font-weight:500; line-height:22px; display:flex; justify-content:space-between; align-items:center;}
.life-content-img img{border-radius:8px 8px 0 0;width:100%;}
/* Lifestyle Modifications section end*/
/*.healthy-grocery-owl.custom-owl .product-card .product-img {height: 160px;}
.healthy-grocery-owl .single-product-sec .prodcut-info .item-title {margin:0px 0 8px;}
.healthy-grocery-owl{padding:24px; background-color:#00497A;border-radius:8px; margin:40px 0px;}
.grocery-title h2{color:#fff;font-size:20px; line-height:24px; font-weight:600; margin:0px;}
.grocery-title p{color:#fff;font-size:16px; line-height:24px; font-weight:400; margin:8px 0px 16px;}
.healthy-grocery-owl .product-card {padding: 0;margin: 0;}
.healthy-grocery-owl .single-product-sec .item-title {color: #212121;font-size: 18px;font-weight: 500;line-height: 25px;display: -webkit-box;max-width: 400px;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;white-space: normal;}
.healthy-grocery-owl .owl-dots .owl-dot.active span {background-color: #D64029; width:48px;}
.healthy-grocery-owl .owl-dots .owl-dot span {height: 8px;width: 48px;background-color: #E9ECF0;margin: 0;cursor: pointer;overflow: hidden;transition: all 0.4s;border-radius: 10px;border: none;display: block;}
.healthy-grocery-owl .custom-owl .owl-dots .owl-dot {margin: 0;}
.healthy-grocery-owl .owl-nav {position: absolute;right: 0;top: -100px;}
.healthy-grocery-owl .owl-nav button span:before {content: 'Previous';font-size: 16px;line-height: 20px;color: #ffffff;}
.healthy-grocery-owl .owl-nav button:first-child:before {border-right: 2px solid #ffffff !important;content: '';position: absolute;right: -16px;top: 50%;transform: translateY(-47%);display: inherit;height: 16px;}
.healthy-grocery-owl.custom-owl button span:after {content: '';background: url(https://nationscdn.azureedge.net/otc-container/images/arrow-right-white.svg) no-repeat center center;width: 24px;height: 24px;display: inline-block;margin: 2px 0 0 0;}
.healthy-grocery-owl button span {position: relative;display: flex;align-items: center;font-size: 0px;line-height: 20px;}
.healthy-grocery-owl .n-market-prev-btn span:after {position: absolute;left: -28px;transform: rotate(-180deg);}
.healthy-grocery-owl .prodcut-info .product-cost {margin: 0;text-decoration:none;}
.healthy-grocery-owl .single-product-sec .renewal-icon {position: absolute;right: 16px;top: 16px;z-index: 8;display: flex;height: 48px;width: 48px;background-color: #00497A;text-align: center;border-radius: 50%;line-height: 44px;align-items: center;justify-content: center;}
.healthy-grocery-owl .single-product-sec .renewal-icon .img-fluid {width: 28px;height: 28px;filter: invert(10) sepia(10) saturate(10) hue-rotate(180deg);}
.healthy-grocery-owl .owl-dots {text-align: center;display: flex;justify-content: space-between;align-items: center;background-color: #E9ECF0;border-radius: 10px;max-width: 130px;margin: 16px auto 0;height: 8px;}
.healthy-grocery-owl .owl-nav {position: absolute;right: -10px;top: 105px;width: 100%;}
.healthy-grocery-owl button.owl-prev.disabled {left: 0;position: absolute;}
.healthy-grocery-owl .owl-nav button.owl-next {right: 0;position: absolute;}
.healthy-grocery-owl .owl-nav button span:before {display:none;}
.owl-nav button:first-child:before {display: none;}
.healthy-grocery-owl .owl-nav button span:after {content: '';background: url(https://nationscdn.azureedge.net/otc-container/images/owl-next.svg) no-repeat center center #fff;display: inline-block;margin: 2px 0 0 0;border: 2px solid #0F567329;height: 56px;width: 56px;box-shadow: 0px 2px 8px 0px #0F567329;border-radius: 8px;}
*/
/*Medicine Cabinet start*/
.medicine-cabinet-section{margin:24px 0 40px;}
.medicine-cabinet-section h4{font-weight:600; line-height:24px;}
.medicine-cabinet-inner{margin-top:16px;}
.medicine-cabinet-section .medicine{padding:24px 16px; border:1px solid #E9ECF0; border-radius:8px;}
.medicine-cabinet-section .medicine-icon img{margin-right:12px;filter: grayscale(100%);}
.medicine-content p{margin-bottom:0px; font-size:14px; line-height:17px; color:var(--nevada-color);}
.medicine .action-btn a{font-size:16px; line-height:600px; line-height:22px; color:#00497A;}
.medicine .action-btn a:first-child{padding-right:12px; margin-right:12px; border-right:1px solid var(--nevada-color);}
/*Medicine Cabinet end*/


/*key featurespage start*/
.health-journey-nations{padding:32px 60px; margin:32px 0 0;}
.start-survey-section .search-linebg{padding:139px 0; background:url(https://nationscdn.azureedge.net/otc-container/images/AI/lines-bg.png); background-size:100%; background-position:center -66px;}
.start-survey-section .search-section{max-width:824px; margin:0 auto;}
.start-survey-section .search-section h3{font-size:28px; line-height:34px; margin-bottom:32px; text-align:center; font-weight:600;background: linear-gradient(to left, #EE4D5D, #217BFE); -webkit-text-fill-color: transparent; -webkit-background-clip: text;}
.health-journey-content{padding-right:25px;}
.health-journey-nations h2{max-width:460px; margin-bottom:24px; font-weight:500;}
.survey-btn{min-width:200px; margin-top:26px;}

.key-features-section{padding:69px 60px; margin-top:40px; color:var(--white-color); position:relative; background:url(https://nationscdn.azureedge.net/otc-container/images/AI/key-features-bg.png);  background-size:cover;}
.key-features-section .shape-1{position:absolute; bottom:0; left:0;}
.key-features-section .shape-2{position:absolute; right:0; top:0}
.key-features-section h2{text-align:center; margin-bottom:24px;}
.key-features-section .key-feature {height: 100%; padding: 24px; border:1px solid #5a4751;border-radius: 16px;}
.key-feature-content{min-height:154px;}
.key-feature-content h4{line-height:32px; margin-bottom:12px;}
.key-feature-content p{color:var(--white-color); opacity:0.6; font-size: 18px;line-height: 24px;}
.key-features-section .key-img {margin-bottom:24px;}
/*key featurespage end*/


/*.fitness-sec ai*/
.quotationery-main-sec .start-survey-section .health-banner-section .banner-text {font-weight: 300;}
.quotationery-main-sec .health-banner-section .banner-text {font-weight: 300;}
.quotationery-main-sec .health-assistant-sec .questionaries-title .mw-534 {max-width: 534px;margin-bottom: 0;}
.start-survey-section .workout-sec .sec-head h6 {color: #fff;font-size: 18px;line-height: 22px;font-weight: 300;margin-bottom: 0;}
.start-survey-section {background-color: #fff;}
.quotationery-main-sec .recommended-details { border-radius: 10px 10px 0 0;}
.quotationery-main-sec .fitness-sec {border-radius: 10px;}
.quotationery-main-sec .bronze-reward-ai {max-width: 160px;}
.quotationery-main-sec .healthcare-top-left p {margin: 0;font-size: 16px;line-height: 20px;color: var(--nevada-color);}
.quotationery-main-sec .recommended-details h3 {margin-bottom: 8px;font-size: 24px;line-height: 24px;}
.quotationery-main-sec .recommended-details p {font-size: 16px;line-height: 23px;margin: 0;color: #646F7D;}
.quotationery-main-sec .recommended-border {border: 1px solid #ccc;border-radius: 10px;}
.quotationery-main-sec .recommended-content {padding-left: 20px;}
.quotationery-main-sec .recommended-image img {max-height: 100%;margin: 46px 0 0;}
.quotationery-main-sec .recommended-articles-block-ai{padding:0px 20px;}
.quotationery-main-sec .rewards-benefits .healthcare-providers {border: 1px solid var(--primary-color);padding: 32px 18px;border-radius: 6px;margin: 0px 20px;}
.quotationery-main-sec .rewards-owl .single-product-sec .prodcut-info .item-title {color: #292929;font-size: 18px;font-weight: 400;letter-spacing: 0.3px;line-height: 24px;margin: 6px 0 6px;min-height: 50px;max-width: 100%;white-space: normal;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.quotationery-main-sec .article-content h6 {max-width: 390px;}
.quotationery-main-sec .single-workout-sec h5 {color: #fff;margin-bottom: 14px;font-size: 20px;line-height: 24px;}
.quotationery-main-sec .article-content-img img {border-radius: 8px 8px 0 0;max-width: 100%;max-height: 230px;object-fit: cover;}
.quotationery-main-sec .rewards-benefits .rewards-owl .product-title-section .price-title {color: #075A0B;}
.quotationery-main-sec .rewards-owl .product-card .product-img img {object-fit: contain;}
.health-dashboard-owl .medication-adherence-header {background: url(https://nationscdn.azureedge.net/otc-container/images/rewards/exclusive-digital-banner.png) no-repeat right center, linear-gradient(0deg, #2057cb 0%, #1240a1 100%), #FFF;border-radius: 12px 12px 0 0;padding: 24px;color: var(--white-color);position: relative;overflow: hidden;z-index: 0;background-size: 100%;}
.health-dashboard-owl .medication-adherence-header:before {background: #093288;}
.health-dashboard-owl .medication-adherence-slider.rewards-owl {padding: 24px;border-radius: 0 0 8px 8px;background: #EDF2FB;}
.quotationery-main-sec .exclusive-digital-banner {margin: 40px 0 0;}
.quotationery-main-sec  .rewards-main .custom-container {padding: 0px !important;}
.quotationery-main-sec .fitness-block-ai .fitness-sec:after {border-radius: 10px;}
.quotationery-main-sec  .fitness-block-ai .fitness-sec {padding: 40px 24px;}
.quotationery-main-sec .recommended-articles-block-ai .article-content-block {min-height: 60px;}
.quotationery-main-sec .challenge-top-section h3 {font-size: 34px;line-height: 38px;color: #212121;margin-top: -14px;}
.quotationery-main-sec .challenge-top-section p {color: #646F7D;}
.quotationery-main-sec .language-button, .quotationery-main-sec .language-button:hover, .language-button:focus {font-size: 14px;padding: 13px 6px;}
.fitness-sec-content h3 {color: #fff;margin-bottom: 8px;line-height: 28px;font-size: 20px;font-weight: 500;}
.quotationery-main-sec .fitness-sec-content p {color: #fff;font-size: 16px;line-height: 20px;font-weight: 400;}
.quotationery-main-sec .challange-content1 {min-height: 190px;}
.quotationery-main-sec .challenge-box {padding: 24px;border: 1px solid #E9ECF0;border-radius: 16px;height: 100%;position: relative;}
.quotationery-main-sec .rewards-benefits .custom-container {padding-left: 0;}
.quotationery-main-sec .custom-container {padding-right: 40px !important;}
.quotationery-main-sec .rewards-benefits {background-color:transparent !important;}
.quotationery-main-sec .rewards-banner, .quotationery-main-sec .eating-better-banner, .quotationery-main-sec .mental-well-being, .quotationery-main-sec .recommended-articles-ai,
.quotationery-main-sec .find-help-section, .quotationery-main-sec .recommended-articles-none-ai {display: none;}
.quotationery-main-sec .reward-block, .rewards-benefits .reward-none, .rewards-benefits .owl-block-ai  {display: none;}
.quotationery-main-sec .reward-none, .quotationery-main-sec .owl-block-ai {display: block;}
.quotationery-main-sec .smart-fitness-sec .sec-head-content p {font-weight: 300;}
.quotationery-main-sec .workout-sec .sec-head h6 {font-weight: 400;}
.quotationery-main-sec .single-workout-sec.training-img3 {background: url(https://nationscdn.azureedge.net/otc-container/images/AI/training-img3.png) center center no-repeat;background-size: contain;}
.quotationery-main-sec .single-fitness-sec.move-sec .fitness-content p {margin-bottom: 6px;}
.quotationery-main-sec .activity-sec, .quotationery-main-sec .single-fitness-sec {min-height: 220px;}
.quotationery-main-sec .medication-adherence-slider.rewards-owl p {color: #646F7D;}
/*.quotationery-main-sec .custom-container {padding: 0px;}*/
.quotationery-main-sec .challenge-box-card .col:last-child,
.quotationery-main-sec .owl-none-ai,
.quotationery-main-sec .owl-none-ai, .quotationery-main-sec .fitness-none-ai {display: none;}
.rewards-benefits .journey-assistant-section, .rewards-benefits .recommended-articles-block-ai {display: none;}
.quotationery-main-sec .journey-assistant-section, .quotationery-main-sec .recommended-articles-block-ai {display: block;}
.rewards-benefits .challenge-box-health, .rewards-benefits .fitness-block-ai {display: none;}
.quotationery-main-sec .challenge-box-health, .quotationery-main-sec .fitness-block-ai {display: block;}
.quotationery-main-sec .weekly-bonus-section .bonus-task h3 {font-size: 22px;line-height: 26px;}
.quotationery-main-sec .weekly-bonus-section .bonus-task p {font-size: 16px;line-height: 20px;}
.medication-reminders button.outline-btn.claimed-outline {border: 1px solid green;border-radius: 6px;padding: 11px 20px;color: #075A0B;font-weight: 500;min-width: 240px;height: 40px;text-align: center;display: flex;align-items: center;justify-content: center;}
/*Personalized  start*/
.personalized-rewards { padding: 2px; margin:24px 0 40px; border: 3px solid transparent;  border-radius: 15px; border: 5px solid;border-image-source: linear-gradient(180deg, rgba(251, 215, 134, 0.7) 0%, rgba(242, 90, 116, 0.7) 100%);background: linear-gradient(white, white), linear-gradient(180deg, rgba(251, 215, 134, 0.7) 0%, rgba(242, 90, 116, 0.7) 100%); background-origin: border-box; background-clip: content-box, border-box;}
.personalized-rewards-inner {padding: 17px 17px 56px;background: url(https://nationscdn.azureedge.net/otc-container/images/AI/personalized-bg.png) no-repeat, linear-gradient(358.74deg, #34373E 0.72%, #0C1939 98.57%); background-size:cover; background-position:bottom; width: 100%;height: 100%;border-radius:7px;}
.personalized-rewards-inner .rewards-btn{background: linear-gradient(180deg, #D1B56D 0%, #FFBC63 100%); padding:9px 17px; margin-bottom:20px; font-size:17px; font-weight:500; line-height:20px; color:#603904; border-radius:12px; position:relative; display:flex; justify-content:space-between; align-items:center;}
.start-shape-left{position:absolute; left:5px; top:3px;}
.start-shape-right{position:absolute; right:52px; top:-3px;}
.personalized-rewards-inner .rewards-title p{font-size:18px; line-height:21px; color:var(--white-color);}
.personalized-rewards-inner .rewards-btn img{margin-right:6px;}
.personalized-rewards-inner h5{color:var(--white-color);}
.personalized-rewards-inner .article-content-main{background:var(--white-color); border-radius:0 0 5px 5px;}
/*Personalized  end*/

/*Post discharge start*/
.post-discharge-section{padding:24px;background:url(https://nationscdn.azureedge.net/otc-container/images/AI/package-meals.png) no-repeat, linear-gradient(98.05deg, #00497A 7.74%, #0065A9 94.97%); border-radius:6px; margin:40px 0; position:relative; z-index:0; background-position:right top;}
.post-discharge-section:before{position:absolute; content:''; width:100%; height:100%; background:url(https://nationscdn.azureedge.net/otc-container/images/AI/post-discharge-pattern.png) no-repeat; background-size:100%; left:0; top:0; z-index:-1;}
.post-discharge-section:after{position:absolute; content:''; width:100%; height:100%; background:url(https://nationscdn.azureedge.net/otc-container/images/AI/chicken-parmigiana.png) no-repeat; right:0px; top:0; background-position:right center;z-index:-1;}
.post-discharge-section h5{color:var(--white-color); margin-bottom:8px; font-weight:600; line-height:29px;}
.nations-market-logo{margin-bottom:12px;}
.post-discharge-inner p{line-height:24px; max-width:514px; color:var(--white-color); margin-bottom:32px;}
.post-discharge-inner button{font-size:18px; line-height:18px; font-weight:700; border-radius:8px; padding:13px 24px; color:var(--white-color);}
.post-discharge-inner .outline-btn{border:1px solid var(--white-color); background:none; }
.post-discharge-inner .white-filled-btn{border:1px solid var(--white-color); margin-right:24px; color:#00497A;}
.post-discharge-inner .white-filled-btn img{filter: brightness(0) saturate(100%) invert(19%) sepia(83%) saturate(1482%) hue-rotate(180deg) brightness(96%) contrast(103%); margin-right:12px;}

/*Post discharge end*/

/*rewards-owl start*/
.rewards-custom-carousel .rewards-owl .owl-dots .owl-dot span{width:7px; height:7px; border-radius:100%; margin:0 3px; background:var(--white-color);}
.rewards-custom-carousel .rewards-owl .owl-dots .owl-dot.active span {width:21px; height:10px; border-radius:8px;}
.rewards-custom-carousel .rewards-owl .owl-dots {width:0px; height:0px;}
/*rewards-owl end*/

/*Medication Reminders start*/
.medication-reminders {padding:10px 24px; background:var(--white-color); border-radius:8px; display:flex; justify-content:space-between; align-items:center; margin:24px 0}
.medication-reminders h5{font-size:20px; line-height:24px; font-weight:600; color:var(--woodsmooke-color); margin:0;}
/*Medication Reminders end*/

/*Medication Adherence start*/
.medication-adherence-section{border-radius:12px; margin:24px 0;}
.medication-adherence-header { background:url(https://nationscdn.azureedge.net/otc-container/images/AI/medication-bg.png) no-repeat right center, linear-gradient(0deg, #A934F1 0%, #A934F1 100%), #FFF; border-radius: 12px 12px 0 0; padding: 24px;color: var(--white-color); position:relative; overflow:hidden; z-index:0;}
.medication-adherence-header:before{position:absolute; content:''; left:0; top:-64px; width:60%; height:250px;border-radius: 760px;background: #760FB6;filter: blur(86px); z-index:-1;}
.medication-adherence-slider{background:#F5E9FC; padding:24px; border-radius:0 0 8px 8px;}
.medication-adherence-slider .price-title{color:var(--woodsmooke-color);}
/*Medication Adherence end*/

/*Medication Adherence start*/
.heart-healthy-otc{margin:40px 0;}
.healthy-Products-title h5{font-size:20px; font-weight:600; line-height:24px; margin-bottom:16px; color:var(--woodsmooke-color);}
/*Medication Adherence end*/

/*Connect with Healthcare Providers start*/
.preferred-lan-btn{margin-top:35px;}
/*Connect with Healthcare Providers end*/

/* Personal Fitness Coach CSS */
.personal-fitness-wrapper .health-banner-section .inner-banner {background: linear-gradient(100.41deg, #2032C0 0%, #4DCAE9 99.06%),linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));}
.personal-fitness-wrapper .workout-sec .sec-head .text-link{margin-right:80px;}
.personal-fitness-wrapper .single-workout-sec{min-height:inherit;}
.personal-fitness-wrapper .title-divider{height:2px;width:82px;background: #D64029;}
.personal-fitness-wrapper .fitness-sec-inner{overflow-y:hidden;}
.personal-fitness-wrapper .rewards-custom-carousel .rewards-owl .owl-dots{width:0px;height:10px;position: relative;left: -56px;}
.personal-fitness-wrapper .rewards-custom-carousel .rewards-owl .owl-dots .owl-dot span{width:10px;height:10px;}
.personal-fitness-wrapper .rewards-custom-carousel .rewards-owl .owl-dots .owl-dot.active span{width:21px}
.personal-fitness-wrapper .banner-text{max-width:700px;}
.single-workout-sec.training-img3 {background: url(https://nationscdn.azureedge.net/otc-container/images/AI/training-img3.png) center center no-repeat; background-size:contain;}
/* Medical Guidance CSS */
.midical-guidance-wrapper .inner-banner {background: linear-gradient(270.79deg, #E66F96 0%, #7D42A0 99.21%), linear-gradient(0deg, rgba(79, 41, 41, 0.3), rgba(79, 41, 41, 0.3));}
.midical-guidance-wrapper .banner-text{max-width:660px;}
.midical-guidance-wrapper .meditation-yoga-section.bg-sky .meditation-yoga{background: #E8F3F7;border-color: #E8F3F7;}
.midical-guidance-wrapper .meditation-yoga-section.bg-sky .bottom-action span img{transform: rotate(90deg);} 
.midical-guidance-wrapper .meditation-yoga-section .meditation-yoga{margin:0 0 16px 0;}
.midical-guidance-wrapper .meditation-yoga-section .row > [class*="col-"]{padding:0 8px;}
.midical-guidance-wrapper .meditation-yoga-section.bg-sky .meditation-content p{color: #212121;}
.midical-guidance-wrapper .meditation-yoga-section .meditation-content p{max-width:280px;color: #646F7D;}
.midical-guidance-wrapper .meditation-divider{height:2px;background: #E9ECF0;}
.midical-guidance-wrapper .article-content h6{max-width:360px;}
.midical-guidance-wrapper .medication-adherence-header, .midical-guidance-wrapper .medication-adherence-slider{background: #00497A;}
.midical-guidance-wrapper .medication-adherence-header:before{background: #00497A;}
.midical-guidance-wrapper .medication-adherence-slider{padding-top:0;}
.midical-guidance-wrapper .medication-adherence-header{padding-bottom:0;}
.midical-guidance-wrapper .medication-adherence-header h4{font-size:20px;line-height:24px;font-weight:600;}
.midical-guidance-wrapper .rewards-owl .owl-dots{margin:16px auto 6px;position:relative;left:-28px;}
.midical-guidance-wrapper .medication-adherence-slider .price-title{color: #00497A;font-weight:600;}
.midical-guidance-wrapper .rewards-owl .product-card .product-img img {object-fit: contain;}
.midical-guidance-wrapper .health-banner-section .inner-banner img{max-width: 172px;height: 115px;max-width: inherit;position: relative;top: 5px;}
.midical-guidance-wrapper .hearingtest-wrapper{background:#fff;border-radius:8px;border: 1px solid #E9ECF0;padding:24px;position:relative;margin:40px 0;}
.midical-guidance-wrapper .hearingtest-wrapper:before{background: url(https://nationscdn.azureedge.net/otc-container/images/AI/hearing-waves.png)
no-repeat;width: 100%;height: 100%;position: absolute;content: "";left: 0;top: 0;background-size: cover;z-index:0;}
.midical-guidance-wrapper .hearingtest-wrapper h4{font-size:28px;font-weight:600;line-height:34px;margin-bottom:12px;}
.midical-guidance-wrapper .hearingtest-wrapper .offer-text{font-size:18px;line-height:22px;margin-bottom:4px;}
.midical-guidance-wrapper .hearingtest-wrapper .timeline-text{line-height:24px;color: #646F7D;margin-bottom:12px;max-width:540px;}
.midical-guidance-wrapper .hearingtest-wrapper .benefit-box{border-radius:8px;border: 3px solid #ECF3ED;padding:16px 24px;margin-bottom:40px;display:inline-block;background:#fff;}
.midical-guidance-wrapper .hearingtest-wrapper .price-text{font-size:20px;line-height:24px;font-weight:600;}
.z-3{z-index: 3 !important;position:relative;}
.appointment-scheduled{color:#965A00;display:flex;align-items:center;}
.midical-guidance-wrapper .success-text{color:#075A0B;display:flex;align-items:center;}
.midical-guidance-wrapper .success-text span{display:flex;margin-right:8px;}
.reports-text{margin-left:8px;padding-left:12px;border-left:1px solid #B1B9C1;line-height:20px;}
.midical-guidance-wrapper .personalized-rewards-inner .product-img {border-radius: 6px 6px 0 0;overflow: hidden;}
.healthy-shopping-wrapper .eat-better-banner{background: url(https://nationscdn.azureedge.net/otc-container/images/rewards/feel-better-baner.png) left no-repeat;width: 100%;position: relative;z-index: 1;display: flex;align-items: center;background-size: cover;border-radius:6px;}
.healthy-shopping-wrapper .eat-better-banner:after{z-index: -1;position: absolute;content: "";top: 0px;left: 0px;right: 0px;bottom: 0px;background: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)),linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, #006C0B 63.5%);width: 100%;height: 100%;border-radius:6px;}
.healthy-shopping-wrapper .eat-better-banner .inner-banner{background: 0 0;}
.healthy-shopping-wrapper .rewards-owl .product-card.single-product-sec{min-height:inherit;}
.healthy-shopping-wrapper .product-cost .price-text{color:#00497A;font-weight:600;}
.healthy-shopping-wrapper .rewards-owl{padding-bottom:10px;}
.healthy-shopping-wrapper .rewards-custom-carousel .rewards-owl .owl-dots .owl-dot span{background: #E9ECF0;width:8px;height:8px;}
.healthy-shopping-wrapper .rewards-owl .owl-dots .owl-dot.active span{background:var(--primary-color);width:21px;}
.healthy-shopping-wrapper .rewards-owl .product-card .product-img img{object-fit:contain;}
.healthy-shopping-wrapper .rewards-owl .single-product-sec .prodcut-info .item-title{max-width:90%;}
html {
    scroll-padding-top: 120px; /* height of sticky header */
}

@media (min-width: 1300px) and (max-width: 1919.98px) {
.quotationery-main-sec .custom-container, .health-profile-header .custom-container {padding: 0;width: 1380px;margin: 0 auto;}
.quotationery-main-sec .custom-container {padding: 0 20px 0px 0px !important;}
.quotationery-main-sec .health-survey-left.personal-nutritionist-left {padding: 32px 36px;border-right: 1px solid #E3E4E5;background-color: #ffff !important;}
.quotationery-main-sec .language-button, .quotationery-main-sec .language-button:hover, .language-button:focus {font-size: 14px;padding: 13px 2px;}
.quotationery-main-sec .rewards-owl .single-product-sec .prodcut-info .item-title {min-height: 50px;}
.midical-guidance-wrapper .health-banner-section .inner-banner img {top: 22px;}
.quotationery-main-sec  .article-content-img .points-bg {top: 14px;right: 14px;}

}
@media (max-width:1440px) {
.start-survey-section .search-linebg {
background-position: center -35px;}
.health-profile-header .navbar ul > li:not(:first-child) {margin-left: 5px;}
}
@media (min-width:1800px) {
.health-survey-left {
height: calc(100vh - 40px);
position: absolute;
max-width: 100%;
}
.quotationery-bottom {margin-left: 31%;}
}
@media (max-width:1920px) {
.health-journey-nations, .key-feature-inner{max-width: 1320px; margin:0 auto; padding:0;}
}

@keyframes slideRightToLeft {
    0% {
        transform: translateX(100%);
    }

    100% {
        transform: translateX(0);
    }
}

@keyframes rotateTo50 {
    0% {
        transform: rotate(-30deg);
        opacity: 0;
    }

    100% {
        transform: rotate(0deg); /* 50% of a full rotation (360deg) */
        opacity: 1;
    }
}

@keyframes zoomInOut {
    0%, 40% {
        transform: scale(0); /* Normal size */
    }

    100% {
        transform: scale(1); /* Zoom out back to normal size */
    }
}

.quotationery-bottom .icon-bg-btn, .quotationery-bottom .icon-bg-btn:hover, .quotationery-bottom .icon-bg-btn:focus{background: var(--primary-color);}
.quotationery-main .asterisk{color: #D61308;}
.quotationery-main .grey-text{color: #646F7D;}
.info-wrapper{background: #F5F6F8;border-radius:4px;padding:8px 12px;margin-bottom:24px;}
.info-wrapper a {font-weight:600;color: #255798;}
.quotationery-main .checkbox input[type="checkbox"]:checked + .box:before{top:6px;}
.quotationery-main input[type="checkbox"] + .box:after{background:#fff;top:9px;}
.quotationery-main .checkbox input[type="checkbox"]:checked + .box:after{background-color: var(--primary-color);border-color: var(--primary-color);}
.questionaries-search-wrapper {position:relative;width:400px;}
.questionaries-search-wrapper input{border:2px solid #E9ECF0;box-shadow: 0px 2px 8px 0px rgba(14, 10, 31, 0);border-radius:6px;width:400px;height:48px;padding:8px 16px;color:#646F7D;font-size:14px;font-weight:600;}
.questionaries-search-wrapper .search-icon {position:absolute;right:16px;top:14px;cursor:pointer;}
.quotationery-main .text-lg{font-size:18px;line-height:22px;margin-bottom:16px;}
.quotationery-main .fw-light {font-weight: 300;}
