/* 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{background-color:#fff; overflow-x:hidden;}
/* 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;}
.health-profile-header .navbar ul > li:not(:first-child) {margin-left:12px;}

.health-survey-left {background: url(https://nationscdn.azureedge.net/otc-container/images/left-sidebg.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: #D640291A;border-color: #F2604A;}
.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: 24px 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: 20px;font-size: 16px; 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 #D64029;}
.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: #F2604A;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;}
.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; padding-top:24px;}

/*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-content{min-height:86px;}
.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;}
/*Dietary Recommendations section end*/

/* Lifestyle Modifications section start*/
.dietary-recommendations .sort-list {
    background-color: #00497a;
}
.life-modification-section{margin-bottom:32px;}
.life-modification-section h5{margin-bottom:16px;}
.life-content.life-content-sec {display: flex;height: 100%;}
.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;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden;}
.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;}
.product-card.single-product-sec {min-height: 320px;}
/*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:0 60px;}
.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*/


/* Recommended Resources CSS Start Here */
.recommended-details{background:url(https://nationscdn.azureedge.net/otc-container/images/rewards/recommended-bg.png) no-repeat center top;min-height:231px;background-size:cover;overflow:hidden;}
.recommended-content{display:flex;justify-content:center;flex-direction:column;}
.recommended-details h3{margin-bottom:8px;font-size:32px;line-height:39px;}
.recommended-details p{font-size:20px;line-height:24px;color:var(--woodsmoke-color);margin:0;}
.recommended-image{height:231px;text-align:right;}
.recommended-image img{height:100%;}
.recommended-details .custom-container{padding-right:0px;}
.recommended-articles.article-content-text .article-content-main p{font-size:16px;line-height:20px;}
/* Recommended Resources CSS End Here */

/* Recommended Articles css start*/
.recommended-articles{margin:0px 0 40px;}
.recommended-articles-top{margin-bottom:24px;}
.recommended-articles-top .read-article-link{font-size:20px; line-height:20px; font-weight:600;}
.recommended-articles-top h5{margin-bottom:6px; color:var(--woodsmooke-color);}
.recommended-articles-top p{font-size:20px; line-height:24px; font-weight:500; margin-bottom:0; color:#646F7D;}
.article-content.article-content-sec {display: flex;height: 100%;}
.article-content{border:1px solid #E9ECF0; border-radius:8px; min-height:380px;}
.article-content-main{padding:16px;}
.article-content-block{min-height:120px;}
.article-content-block p {font-size: 14px; font-weight: 400;}
.article-content h6{font-size:20px; line-height:24px; font-weight:500; color:var(--woodsmoke-color); max-width:297px; margin-bottom:0;}
.article-content .read{font-size:12px; font-weight:600; color:var(--nevada-color); white-space:nowrap;}
.article-content p{color:var(--nevada-color); margin:10px 0 15px; line-height:21px;display: inline-block;}
.read-article-link{font-size:18px; font-weight:500; color:#CB187D; line-height:22px; display:flex; justify-content:space-between; cursor:pointer;}
.read-article-link:hover, .read-article-link:focus{ color:#CB187D;}
.article-content-img{position:relative;}
.article-content-img .points-bg{position:absolute; top:24px; right:33px; padding: 4px 12px;background:var(--white-color); border-radius: 4px; max-height: 28px; font-size: 16px;font-weight: 500;line-height: 19px; display:flex; align-items:center;}
.article-content-img .points-bg img{width:20px; margin-right:8px;}
.article-content-img img{border-radius:8px 8px 0 0;width:100%;}
/* Recommended Articles css end*/

/* Recommended Videos css start*/
.article-video-content h6{max-width:562px; margin-bottom:0;}
.article-content-img .play-video{width:38px; height:38px; border-radius:100%; background:#CB187D; position:absolute; top:50%; transform:translateY(-50%); left:50%; display:flex; align-items:center; justify-content:center;}
.article-content-img .play-video img{width:13px; height:13px;}
/* Recommended Videos css end*/

/* Mental Well Being start*/
.mental-well-being{margin-bottom:48px;}
.mental-well-being .recommended-image img{height:100%;}
.mental-well-being .recommended-content{max-width:680px;}
/* Mental Well Being end*/

/*Meditation Yoga start*/
.meditation-yoga-section .meditation-yoga {padding:16px; background:var(--white-color); border-radius:8px;position: relative;width: 100%; border:1px solid #E9ECF0; margin:24px 0px 0px;}
.meditation-yoga-section .meditation-content{min-height:124px;}
.meditation-yoga-section .meditation-content p{line-height:24px; margin-top:4px; max-width:256px; display:block;}
.meditation-yoga-section .meditation-yoga h6{font-size:16px; font-weight:600; line-height:24px; margin:0px;}
.meditation-yoga-section .meditation-yoga .read-article-link{font-size:16px; font-weight:600; line-height:20px;}
.meditation-yoga-section .meditation-yoga .meditation-yoga-img {position: absolute;right: 20px;max-height:60px;bottom:0px;}
/*Meditation Yoga end*/

@media (max-width:1440px) {
.start-survey-section .search-linebg {
background-position: center -35px;
}
}
@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 */
    }
}

/* Chat section */
.chat-section{}
.chat-section .chat-title{padding:24px 0 12px;display:flex;align-items:center;justify-content:space-between;}
.chat-section .exit-close{border: 1px solid #B1B9C1;font-size:14px;line-height:16px;font-weight:600;color: #255798;background:#fff;border-radius:4px;padding:7px 24px;display:flex;align-items:center;}
.chat-section .chat-container{border: 2px solid #7A8DF0;border-radius:6px;min-height:600px;position:relative;padding:24px 24px 0px 24px;}
.chat-section .health-journey-search {position: absolute;width: calc(100% - 48px);bottom: 0px;border-top:2px solid rgba(177, 185, 193, 1);min-height: 72px;line-height: 72px;}
.chat-section .border-gradient-purple{border:0;padding-top: 0;padding-bottom: 0;}
.chat-section .chat-response{min-height:498px;max-height:498px;overflow-y:auto;padding-right:12px;display: flex;flex-wrap: wrap;align-items: flex-end;}
.chat-section .chat-response-inner{width:100%;}
.chat-section .chat-question{background: rgba(233, 236, 240, 1);padding:16px 24px;font-size:14px;line-height:24px;border-radius:16px;display:inline-block;margin:12px 0;font-weight:500;}
.chat-section .chat-answer{display:flex;align-items:start;line-height:24px;font-weight:500;padding:12px 0;}
.chat-section .chat-answer .nations-icon{margin:4px 12px 0 0;}

.healthy-article{position:relative;}
.healthy-article .readmore-btn{position: absolute;background: #fff;bottom: 0;right: 0;padding-left: 6px;text-decoration: underline;}

/*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*/


/*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: inherit;
}

/*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;
}
.personalized-rewards .read-article-link {
    font-size: 18px;
    font-weight: 500;
    color: var(--secondary-color);
    line-height: 22px;
    display: flex;
    justify-content: space-between;
    cursor: pointer;
}
.personalized-rewards .read-article-link img{
    filter:brightness(0) saturate(100%) invert(18%) sepia(45%) saturate(3798%) hue-rotate(186deg) brightness(92%) contrast(101%);
}
/*Medication Reminders end*/

/* rewards-owl css*/
.rewards-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;}
.rewards-owl .custom-owl .owl-dots .owl-dot {margin: 0;}
.rewards-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;}
.rewards-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;}
.rewards-owl button span {position: relative;display: flex;align-items: center;font-size: 0px;line-height: 20px;}
.rewards-owl .owl-dots {text-align: center;display: flex;justify-content: space-between;align-items: center;background-color: #E9ECF0;border-radius: 10px;max-width: 90px;margin: 16px auto 0;height: 8px;}
.rewards-owl .owl-nav {position:inherit;top:inherit; position:absolute; bottom:68%; top:auto; width:100%}
.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 #fff !important; position:absolute;    border: 2px solid #0F567329 !important;box-shadow: 0px 2px 8px 0px #0F567329 !important;
    border-radius: 8px !important;}
.rewards-owl .custom-owl-latest .owl-nav button.disabled {display:none !important;}
.rewards-owl .owl-nav button.owl-prev {left:-16px;transform: rotate(-180deg) !important;}
.rewards-owl .owl-nav button.owl-next {right:-16px;}
.rewards-owl .owl-nav button span:before, .rewards-owl .owl-nav button span {display: none !important;}
.rewards-owl .owl-dots .owl-dot.active span {
    background-color: var(--primary-color);
}

/*.fitness-sec-inner{overflow:hidden;}*/
.fitness-sec-inner {
    overflow: hidden;
}
.fitness-sec-inner .owl-item{margin-right:0 !important;}
.quotationery-main-sec .custom-container {
    padding-right: 40px !important;
}
.personal-fitness-wrapper .single-workout-sec {
    min-height: inherit;
}
.fitness-sec-content {width:84%;}
.fitness-sec-inner .workout-sec .sec-head {padding:0;margin:0 0 24px;}
.fitness-sec-content h3 {color:#fff;margin-bottom:8px;line-height:38px;}
.fitness-sec-content p {color: #fff;font-size:20px;line-height:24px;font-weight:400;}
@media (min-width:1920px) {
    .workout-sec {
        margin-right: 0px;
    }
}
.workout-sec {margin-right:-80px;}
.workout-sec .sec-head h6 {color:#fff;font-size:18px;line-height:22px;font-weight:600; margin-bottom:0;}
.workout-sec .sec-head .text-link {color: #fff;font-size:16px;line-height:20px;text-decoration:none;}
.single-workout-sec:before {bottom: 0;content: "";left: 0;opacity: 0.5;position: absolute;right: 0;top: 0;  z-index: -1;background: linear-gradient(91.78deg, rgba(0, 0, 0, 0.51) 35.58%, rgba(0, 0, 0, 0) 98.09%); width:100%; height:100%; border-radius:23px;}
.single-workout-sec {background: url(https://nationscdn.azureedge.net/otc-container/images/rewards/training-img.png) left top no-repeat;width:100%; position:relative;z-index:1;padding:20px;min-height:201px; border-radius:23px; background-size:contain;}
.single-workout-sec.training-img2 {background: url(https://nationscdn.azureedge.net/otc-container/images/rewards/training-img2.png) center center no-repeat; background-size:contain;}

@media (min-width:1920px) {
    .single-workout-sec {
       min-height:180px; 
    }
}
.video-icon {position:absolute;right:20px;top:50%;margin-top:-19px;cursor:pointer;}
.single-workout-sec h5 {color:#fff;margin-bottom:14px;}
.box-btn-main {display:inline-flex;flex-direction:column;}
.box-btn {background:rgba(255,255,255, 0.8);border-radius:9px;display:inline-flex;align-items:center;    padding:6px 8px;}
.box-btn + .box-btn {margin-top:10px;}
.box-btn .icon img {width:14px;}
.box-btn .text {font-size:12px;line-height:18px;color:#192126;}
.workout-sec .sec-head .text-link {
    margin-right: 80px;
}


/*chat generation animation*/
.dot {     opacity: 0;     animation: typingDots 1.5s infinite steps(1, end);     display: inline-block; } 
@keyframes typingDots {     0% {         opacity: 0;     }    25% {         opacity: 1;     }    50% {         opacity: 2;     }    75% {         opacity: 1;     }    100% {         opacity: 0;     } }
.dot:nth-child(1) { animation-delay: 0s; } .dot:nth-child(2) { animation-delay: 0.3s; } .dot:nth-child(3) { animation-delay: 0.6s; }