﻿body{background-color:#F8FAFB;}
html {scroll-padding-top: 19vh;}

.quotationery-setup ol .single-quotation-sec {margin: 24px 0px;list-style: decimal;padding: 0px;border-bottom: 1px solid rgba(34, 43, 47, 0.16);padding-bottom: 24px;opacity: 0.8;}
.quotationery-setup ol .single-quotation-sec .quotation-list .quotation-btn {height:40px;}
.quotationery-setup ol .single-quotation-sec:last-child { border-bottom: 0;}
.quotationery-setup .single-quotation-sec p {margin: 0 0 24px;font-weight: 600;font-size: 16px;line-height: 23px;}
.quotationery-setup .health-conditions-cont {padding: 0px 0px 24px;border-bottom: 1px solid #E9ECF0;}
.quotationery-setup .health-conditions-cont:last-child {border-bottom: 0;}
.quotationery-main-sec.quotationery-cont-man .health-assistant-sec {padding-top: 0;}
.quotationery-main-sec.quotationery-cont-man .health-assistant-sec .questionaries {margin-top: 0;}
.quotationery-main-sec.quotationery-cont-man {background-color: transparent !important;}
 
.hide-start-health .breadcrumbs ol {margin: 0;padding: 0;}
/*Home page Banner css*/
.ai-header-banner {background: url(https://nationscdn.azureedge.net/otc-container/images/AI/AI_home-banner-1920.png) no-repeat;background-size: cover;padding: 0px;border: 0px;border-radius: 0px;margin: 0px 0px 40px;min-height: 260px;}
.ai-header-banner .marketplace-banner-left {max-width: 600px;}
.ai-header-banner h3 {color: #fff;font-weight: 700;line-height: normal;margin: 4px 0px 24px;font-size: 32px;font-weight: 700;}

/*key featurespage start*/
.start-health-journey .health-journey-bg{/*padding:100px 0px 180px; background:url(https://nationscdn.azureedge.net/otc-container/images/AI/lines-bg.png); background-size:100%; background-position:center -66px;*/ position:relative; height:564px;}
.start-health-journey .health-journey-title {max-width: 824px;margin: 0 auto;position: absolute;top: 130px;left: 0;right: 0; z-index:9;}
.start-health-journey .health-journey-title h3{font-size:28px; line-height:34px; margin-bottom:51px; text-align:center; font-weight:600;background: linear-gradient(to left, #EE4D5D, #217BFE); -webkit-text-fill-color: transparent; -webkit-background-clip: text;}
.health-journey-title a{display: flex;align-items: center;justify-content: center;}
.health-journey-title .icon-bg-btn, .health-journey-title .icon-bg-btn:hover {background-color: #00497a !important;border-radius: 70px;font-size: 23px;font-weight: 700;line-height: 23px;letter-spacing: 0.45px;display: flex;align-items: center;justify-content: center;margin: 0px auto;padding: 0px 34px;height: 70px;width: 314px;}
.health-journey-title small {font-size: 24px;font-weight: 500;line-height: normal;letter-spacing: 0.6px;}
.start-health-journey {margin: -30px 0 0;background-color: #fff;padding-bottom: 12px;}
/*key-features css*/
.key-features-sec {margin: -56px 0px 40px;z-index: 1;position: relative;}
.key-features-sec h4 {margin: 0 0 40px;font-size: 32px;line-height: 38px;}
.key-features-sec .key-feature {border-radius: 17px;border: 1px solid #EDEFF3;background: #F4FFF2;height: 100%;opacity: 0;animation: fadeAndMove .6s ease forwards;}
.key-features-sec .bg-two{background: #F2FBFF;}
.key-features-sec .bg-three{background: #FAF2FF;}
.key-features-sec .key-feature h5 {color: var(--woodsmoke-color);font-size: 20px;font-weight: 600;line-height: 30px;letter-spacing: -0.22px;margin: 12px 0;}
.key-features-sec .key-feature p {color: var(--nevada-color);font-size: 16px;font-weight: 400;line-height: 24px;letter-spacing: -0.176px;margin: 0;}
.key-features-sec .key-img {border-radius: 20px;border: 2px solid #EDEFF3;background: var(--white-color);display: flex;width: 72px;height: 72px;padding: 16px;align-items: center;justify-content: center;}
.key-features-sec .key-features {display: flex; height:100%;}
.key-features-sec .key-features img {object-fit: cover;border-radius: 16px;max-width:100%;}
.key-features-sec video.banner-video {width: 100%;}

/*key featurespage end*/
/*Health Journey Assistant*/
.quotationery-setup .custom-link {font-weight: 600;text-decoration: none !important;}
.quotationery-setup {background: var(--white-color);border-radius: 12px;border: 2px solid #E9ECF0;margin-bottom:24px;}
.quotationery-main-sec .quotationery-main {padding: 0px 32px 24px 50px;}
.quotationery-information {background: #F9FAFB;border-radius: 12px 12px 0 0;padding: 32px 24px 24px 32px;margin: 0 0 24px;}
.quotationery-information h4 {font-size: 18px;font-style: normal;font-weight: 500;line-height: normal;margin: 0;}
.quotationery-information p {font-size: 16px;font-style: normal;font-weight: 400;line-height: normal;margin: 8px 0;}
.quotationery-information .stored-securely {font-size: 14px;font-weight: 400;line-height: normal;padding: 3px 6px;align-items: center;gap: 4px;border-radius: 4px;border: 1px solid rgba(177, 185, 193, 0.50);background: var(--white-color); display:inline-block;}
.quotationery-information .stored-securely span {align-items: center;display: flex;}
.questionaries-title {display: flex;justify-content: space-between;width: 100%; align-items:center;}
.questionaries-title a.custom-link {text-decoration: none;}
.health-assistant-sec .questionaries {margin-top: 0;}
.health-assistant-sec{margin-bottom:24px;}
.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:var(--secondary-color)}
.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 var(--cadet-blue-color); height: 16px;right: -12px;top: 5px;}
.health-assistant-sec .questionaries-title h4 {font-size: 20px;font-style: normal;font-weight: 700;line-height: normal; margin:0px;}
.health-assistant-sec .questionaries-title h4 span{font-size:20px; font-weight:300; margin-right:11px;}
.health-assistant-sec .questionaries-title h4:after {background: var(--primary-color);content: '';margin: 4px 0;width: 134px;height: 2px;display: block;}
.quotationery-bottom.ai-quotationery {margin-left: 0;}
.quotationery-bottom.ai-quotationery .icon-bg-btn, .profile-complete .icon-bg-btn {border-radius: 56px;background: var(--Primary-Indigo, var(--secondary-color)); padding:0px 24px;}
.quotationery-bottom.ai-quotationery .icon-border-btn {border-radius: 56px;}
.quotationery-bottom.ai-quotationery {background-color: #fff;padding: 16px;box-shadow: 0px -4px 4px 0px #0000000D;position: sticky;bottom: 0;z-index: 2; display:flex;}
.quotationery-bottom.ai-quotationery button {min-width: 200px;}
.status-progress {background: rgba(177, 185, 193, 0.50);height: 6px;width: 100%;position: absolute;left: 0;right: 0;top: 0;}
.status-progress .status-main {border-radius: 0px 56px 56px 0px;background: linear-gradient(270deg, #D64029 0%, #FFAA9D 100%);display:flex;height:6px;max-width:100%;}
.status-progress .status3 {width: 3%;}
.status-progress .status34 {width: 34%;}
.status-progress .status68 {width: 68%;}
.status-progress .status100 {width: 100%;}
.quotationery-cont-man .ai-quotationery .icon-bg-btn, .quotationery-cont-man .ai-quotationery .icon-bg-btn:hover {background-color: #00497a !important;}
/*Loader start*/
.rewards-loader-section{width:100%; min-height:800px; display:flex; justify-content:center; align-items:center;}
.rewards-loader-section .rewards-loader-inner h5{font-size:20px; line-height:30px; font-weight:400; color:var(--neveda-color); margin-bottom:0;}
.rewards-loader-section .rewards-loader-inner .loader-animation{width:150px; height:150px; position:relative; margin:0 auto;}
.rewards-loader-inner span .star1{  animation: fadeZoom 1s ease infinite; position:absolute; top:26px; left:64px; width:24px;}
.rewards-loader-inner span .star2{  animation: fadeZoom 2s ease infinite;position:absolute; top:49px; left:44px; width:23px;}
.rewards-loader-inner span .star3{  animation: fadeZoom 3s ease infinite;position:absolute; top:60px; left:67px; width:36px;}
.challenge-box .disabled-img img{filter: brightness(0) saturate(100%) invert(47%) sepia(6%) saturate(1052%) hue-rotate(174deg) brightness(89%) contrast(90%);}
@keyframes fadeZoom {
0% {
opacity: 0; /* Start with invisible */
transform: scale(0.4); /* Start zoomed out */
}

50% {
opacity: 1; /* Fully visible */
transform: scale(0.9); /* Zoomed in */
}

100% {
opacity: 0; /* End with invisible */
transform: scale(0.5); /* End zoomed out */
}
}
.recommended-actions-sec {border-top: 4px solid #C7A017;background: #FFF;padding:40px;margin:32px 0px 32px;}
.ai-right-sec .search-suggestions span {transition: all 0.4s;padding: 15px 16px;border: 1px solid #B1B9C1;border-radius: 30px;margin-right: 12px;cursor:pointer; 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;}
.recommended-actions-top {display: flex;align-items: center;justify-content: space-between;margin: 0 0 32px;}
.recommended-actions-top h5 {font-size: 20px;font-style: normal;font-weight: 600;line-height: normal;margin: 0; color:#212121;}
.recommended-actions-top .custom-link {text-decoration: none;}
.ai-content-section h6 {font-size: 20px;font-style: normal;font-weight: 500;line-height: 24px;margin: 0px 0px 4px;}
.ai-content-section p {font-size: 14px;font-style: normal;font-weight: 400;line-height: normal;margin: 0px 0px 40px; min-height:60px;}
.recommended-actions-sec .ai-card {position: relative;}
.ai-right-sec.chat-sidebar .healthai-chat-box {padding-right:24px;}
.ai-right-sec.chat-sidebar .healthai-chat-box h5 {display:inline-flex; align-content:center; line-height:24px;font-weight:500;background: linear-gradient(to left, #3345DE, #E822D3);
-webkit-text-fill-color: transparent;-webkit-background-clip: text; font-size:14px;gap:4px; margin:0;}
.ai-right-sec.chat-sidebar .search-suggestions .suggestions-boder  {margin-right:0;}
.ai-right-sec.chat-sidebar .search-suggestions .suggestions-boder .suggestions-boder-inner {width:100%}
.ai-right-sec.chat-sidebar .search-suggestions  .suggestions-boder  {margin-bottom:4px}
.ai-right-sec.chat-sidebar .healthai-chat-box .health-journey-search {border-radius:32px;}
.ai-right-sec.chat-sidebar .search-suggestions {flex-direction:column;}
.ai-right-sec.chat-sidebar .health-search-main {border-radius:32px;}
.chat-sidebar.chat-box-block .chat-section .chat-response {overflow-x:hidden;min-height: 420px;max-height: 625px;-ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;}
.chat-sidebar.chat-box-block .chat-section .chat-response::-webkit-scrollbar {display: none;}
.chat-sidebar.chat-box-block .flex-order-header h2, .chat-sidebar.chat-box-block .flex-order-header p {text-align:right; padding-right:20px; font-size:16px;}
.chat-sidebar.chat-box-block .chat-section .flex-order-status .flex-order-steps{flex-direction:column;}
.chat-sidebar.chat-box-block .chat-section {margin-top:0;}
.chat-sidebar.chat-box-block .chat-section .chat-title {padding-right:24px;}
.chat-sidebar.chat-box-block .chat-section .chat-title h5 {margin-top:0;}
.chat-sidebar.chat-box-block .chat-section .chat-container {min-height: 680px; border:none; padding:0 24px 0 0}
.chat-sidebar.chat-box-block .flex-card-wrapper .flex-card-title {margin-bottom:24px !important;font-size: 14px;font-style: normal;
font-weight: 400;line-height: 19px;color:#212121;}
.chat-sidebar.chat-box-block .flex-card-wrapper .flex-card-form .w-50 {width:35% !important; margin-right:0 !important;}
.chat-sidebar.chat-box-block .flex-card-wrapper .flex-card-form .w-50 + .w-50 {width:60% !important; margin-left:5%;}
.chat-sidebar.chat-box-block .flex-card-wrapper .flex-card-form .form-label {font-size: 14px;font-style: normal;font-weight: 500;
line-height: normal;color:#646F7D;}
.chat-sidebar.chat-box-block .flex-card-wrapper .flex-card-form .form-label .astric {color:#f00; display:inline;}
.chat-sidebar.chat-box-block .chat-question {line-height:20px;}
.chat-sidebar.chat-box-block .chat-section .health-journey-search { min-height: 48px;line-height:48px; border:none;width: calc(100% - 24px);}
.chat-sidebar.chat-box-block .border-gradient-purple {border: 2px solid #8d6adb;}
.chat-sidebar.chat-box-block .suggestions-boder {background: linear-gradient(90deg, #B1B9C1 0%, #B1B9C1 100%);border-radius: 48px;
    padding: 1px;cursor: pointer;margin-right: 16px;}
.chat-sidebar.chat-box-block .flex-order-status .status-step { min-height: 110px; margin-right:0 !important;}
.chat-sidebar.chat-box-block .flex-order-status .status-step .icon {width:32px; height:32px;}
.chat-sidebar.chat-box-block .flex-order-status .status-step > span {margin-top:0; font-size:13px;line-height:18px;}
.chat-sidebar.chat-box-block .flex-order-status .status-step .date {font-size:13px;line-height:18px;}
.chat-sidebar.chat-box-block .flex-order-status .status-step:last-child {min-height:inherit !important;}
.chat-sidebar.chat-box-block .flex-order-status .status-step .icon.shipped:before {width: 2px;height:30px;left:50%; margin-left:-1px;top:-15px;}
.chat-sidebar.chat-box-block .flex-order-status .status-step .icon .current-status:before {width: 2px;height: 30px;left:50%; margin-left:-1px;top:-15px;}
.chat-sidebar.chat-box-block .flex-order-status .status-step .icon .current-status:after {width: 2px;height: 30px;left:50%; margin-left:-1px;top:90px;}
.chat-sidebar.chat-box-block .search-suggestions span {width:100%; display:inline-block; border:none; padding:0; margin:0 !important;}
.chat-sidebar.chat-box-block .chat-suggestions { bottom: 62px; margin-bottom:24px;}
.chat-sidebar.chat-box-block .search-suggestions.chat-suggestions {display:flex;flex-direction:column;}
.chat-sidebar.chat-box-block .search-suggestions.chat-suggestions .suggestions-boder + .suggestions-boder {margin-top:4px;}
.chat-sidebar.chat-box-block .suggestions-boder-inner { background: #fff; border-radius: 48px; padding: 11px 16px 13px;}
.chat-sidebar.chat-box-block .chat-response-inner .nations-icon {padding-left:0 !important;}
.chat-sidebar.chat-box-block .chat-response-inner .chat-answer  {padding-left:8px}
.chat-sidebar.chat-box-block .chat-response-inner .chat-answer .test p {font-size: 14px;font-style: normal;font-weight: 500;}
.chat-sidebar.chat-box-block .healthai-chat-box .chat-title {display:flex;align-items:center;justify-content:space-between; margin-bottom:12px}
.chat-sidebar.chat-box-block .chat-section .chat-title h5 {display:inline-flex; align-content:center; line-height:24px;font-weight:500;background: linear-gradient(to left, #3345DE, #E822D3);
-webkit-text-fill-color: transparent;-webkit-background-clip: text; font-size:14px;gap:4px; margin:0;}
.chat-sidebar .chat-title .exit-close {border:none; padding:0; font-size:0; background:none !important;}
.chat-sidebar .chat-title .exit-close img {width:24px; margin-right:0 !important;}
.chat-box-block.chat-sidebar .flex-order-header {padding: 20px 0 26px;}
.chat-box-block.chat-sidebar .status-step .icon img {width:24px;}
.chat-box-block.chat-sidebar .health-products-sec {background:none; padding:0;}
.chat-box-block.chat-sidebar .health-products-sec .product-header {margin-bottom:0;}
.chat-box-block.chat-sidebar .health-products-sec .product-header h5 {padding:16px 0 0 16px}
.chat-box-block.chat-sidebar .product-box .add-product {display:none !important;}
.chat-box-block.chat-sidebar .product-box .prodcut-info {border-top:1px solid #E4E4E4;}
.chat-box-block.chat-sidebar .product-box .prodcut-info > span { padding-top: 16px;font-size: 16px;font-style: normal;
font-weight: 400;line-height: 22px; margin:0;}
.chat-box-block.chat-sidebar .product-box .prodcut-info > span + span {padding-top:12px;font-weight: 700;color: #212121;}
.chat-box-block.chat-sidebar .product-img {background:#F5F6F8; padding:16px;border-radius:8px;}
.chat-box-block.chat-sidebar .product-img img {height:94px;}

/* rewards-owl css*/
.content-sec-main .rewards-owl .product-card .product-img {width: 100%;border-radius: 6px;height: 130px;overflow: hidden;position: relative;display: inline-block;}
.content-sec-main .rewards-owl .single-product-sec .prodcut-info .item-title {color: #212121;font-size: 16px;font-weight: 400;letter-spacing: 0.3px;line-height: normal;margin: 6px 0 4px;min-height:28px;max-width: 100%;white-space: normal;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.content-sec-main .rewards-owl .product-card {padding: 0;margin: 0;border: 1px solid #E9ECF0;box-shadow: 0px 2px 8px 0px #0E0A1F14;}
.content-sec-main .rewards-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;}
.content-sec-main .rewards-owl .owl-dots .owl-dot.active span {background-color:var(--primary-color);width: 22px;}
.content-sec-main .rewards-owl .owl-dots .owl-dot span {height: 8px;width: 8px;background-color: #E9ECF0;margin: 0px 2px;cursor: pointer;overflow: hidden;transition: all 0.4s;border-radius: 10px;border: none;display: block;}
.content-sec-main .rewards-owl .owl-nav button span:before {content: 'Previous';font-size: 16px;line-height: 20px;color: #ffffff;}
.content-sec-main .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;}
.content-sec-main .rewards-owl button span {position: relative;display: flex;align-items: center;font-size: 0px;line-height: 20px;}
.content-sec-main .rewards-owl .n-market-prev-btn span:after {position: absolute;left: -28px;transform: rotate(-180deg);}
.content-sec-main .rewards-owl .prodcut-info .product-cost {margin: 0;text-decoration:none; display:flex; align-items:center;}
.content-sec-main .rewards-owl .single-product-sec .renewal-icon {position: absolute;right: 16px;top: 16px;z-index: 8;display: flex;height: 40px;width: 40px;background-color:var(--secondary-color);text-align: center;border-radius: 50%;line-height: 44px;align-items: center;justify-content: center;}
.content-sec-main .rewards-owl .single-product-sec .renewal-icon .img-fluid {width: 28px;height: 28px;filter: invert(10) sepia(10) saturate(10) hue-rotate(180deg);}
.content-sec-main .rewards-owl .owl-dots {text-align: center;display: flex;justify-content: center;align-items: center;background-color: transparent;border-radius: 10px;max-width: 90px;margin: 16px auto 0;height: 8px;}
.content-sec-main .rewards-owl .owl-nav {position:inherit;top:inherit; position:absolute; bottom:68%; top:auto; width:100%}
.content-sec-main .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;}
.content-sec-main .rewards-owl .owl-nav button.owl-prev {left:-16px;transform: rotate(-180deg) !important;}
.content-sec-main .rewards-owl .owl-nav button.owl-next {right:-16px;}
.content-sec-main .rewards-owl .owl-nav button span:before, .rewards-owl .owl-nav button span {display: none !important;}
.content-sec-main .rewards-owl .product-card.single-product-sec {min-height: 225px;}
.content-sec-main .rewards-owl .owl-nav button:first-child:before {display: none;}
.content-sec-main .rewards-owl  .product-card .product-price-section p {margin: 0;color:var(--secondary-color);font-weight: 600;font-size:16px;line-height:20px;}
.content-sec-main .rewards-owl .product-card .product-img img {width: 100%;border-radius: 6px 6px 0 0;height: 100%;object-fit: contain;padding: 12px;-moz-transform: scale(1);-webkit-transform: scale(1);transform: scale(1);transition: all .4s ease-in-out;-webkit-transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;overflow: hidden;position: relative;display: inline-block; padding:3px;}
.content-sec-main .rewards-owl .product-card .prodcut-info {padding: 0px 16px 16px;}
.content-sec-main .rewards-owl .related-products p {color: #646F7D;margin: 6px 0 24px; font-size:20px; font-weight:500; line-height:24px;}
/*.rewards-owl {padding: 0px 0px 48px;}*/
.rewards-owl .related-products h4 {margin: 0;}
.rewards-owl .related-products .price-text {margin: 1px 0 0;}
.rewards-owl .related-products {position: relative;margin: 0;}
.product-title-section .sub-title {color: #707A89;font-size: 14px;line-height: 14px;margin: 0 0 12px;}
.content-sec-main .product-title-section .price-title {color: var(--secondary-color);font-size: 16px;line-height: 20px;font-weight: bold;position: absolute;bottom: 16px;margin: 0;}
.rewards-owl.rewards-digital .prodcut-info .item-title {margin: 0px 0 8px;min-height: auto;max-width: 143px;line-height: 24px;width: 100%;white-space: normal;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.product-header h5 {font-size: 20px;font-style: normal;font-weight: 600;line-height: normal; color:#212121;}

/* health conditions Css Start Here */
.health-conditions-cont {padding: 24px 0 0;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;}
.quotationery-main-sec.quotationery-cont-man .health-conditions-sec .health-title {font-size: 20px;font-weight: 600;line-height: 28px;margin: 24px 0 24px;}
.quotationery-main-sec .quotationery-multi-select .health-conditions-sec .health-title {font-size: 16px;line-height: 23px;margin:16px 0 24px;}
.quotationery-main-sec .quotationery-multi-select .health-conditions-sec {border-bottom:1px solid rgba(34, 43, 47, 0.16);}
.health-conditions-sec .health-list {display: flex;align-content: start;flex-wrap: wrap;}
.health-conditions-sec .health-list li {border-radius: 8px;height:40px;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;background: rgba(214, 64, 41, 0.10);}
.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;}
/*Search section start*/
.health-search-main {background: linear-gradient(180deg, #4354F2 0%, #FF6E30 100%);border-radius: 6px;padding: 1px;margin-bottom:12px;}
.healthai-chat-box .health-journey-search {margin-bottom: 0px;transition: all 0.3s ease 0s;background-color: #fff;padding: 1px;border-radius: 6px;}
.suggestions-bg-bottom:after {position: absolute;content: "";right: 0;width: 100%;background: linear-gradient(180deg, rgb(255 255 255 / 2%) 8.77%, #ffffffe6 48.26%);bottom: 160px;height: 60px;left: 0;z-index: 9;}
.health-profile-main .health-journey-search{position:relative;}
.health-profile-main .health-journey-search .dropdown-menu{width:100%; left:0; border-radius:0 0 8px 8px;}
.health-profile-main .border-gradient-purple { width:100%; border-radius:50%; border: 0;  border-radius:6px; padding:12px 78px 12px 24px;}
.health-profile-main .border-gradient-purple::placeholder {font-size:14px; line-height:24px; font-weight:600; color:#00497A}
.health-profile-main .border-gradient-purple:focus-visible {outline:none;}
.health-profile-main .search-star{position:absolute;top:50%; transform:translateY(-50%); left:16px;}
.health-profile-main .journey-search-icon{position:absolute; right:16px; top:50%; transform:translateY(-50%); background:none;}
.health-profile-main .journey-search-close{position:absolute; right:55px; top:50%; transform:translateY(-50%); background:none;}
.health-profile-main .journey-search-close:after{position: absolute; content: ""; width: 1px; border-right: 1px solid #B1B9C1; height: 16px;right: -12px;top: 5px;}
.health-profile-main .search-suggestions{margin:0px;}
.health-profile-main .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; }
.health-journey-bg {position: relative;}
/*.health-journey-bg:after {position: absolute;content: "";left: 0;right: 0;height: 100%;width: 100%;z-index:1;top: 0;background: rgb(255,255,255);
background: linear-gradient(90deg, rgba(255,255,255,0.21612394957983194) 0%, rgba(255,255,255,0.9051995798319328) 50%, rgba(255,255,255,0.20211834733893552) 100%);}
*/
.ai-right-sec .search-suggestions{margin:0px; display:flex;}
.ai-right-sec{margin:0px 0px 32px;}
/*Search section end*/

/*Follow these steps*/
.status-sec {top: 119px;position: fixed;background-color: #fff;border-left: 1px solid #E9ECF0;height: 100%;padding: 32px 40px;}
.status-sec p {color:#646F7D;font-size: 14px;font-weight: 400;line-height: 21px; }
.status-sec .status-default .status-circl {width: 32px;height: 32px;border-radius: 100px; outline:8px solid #fff; display: flex;align-items: center;justify-content: center;border: 2px solid #B1B9C1;font-size: 14px;font-style: normal;font-weight: 700;position: relative;color: #B1B9C1;background-color:#fff;}
.status-sec li:last-child.status-default:after{display:none;}
.status-sec .status-default {position: relative;display: flex;padding-bottom: 56px;}
.status-sec .status-default:after {content: "";height: 100%;width: 2px;background-color: #B1B9C1;position: absolute;left: 16px;top: 0px;z-index: -1;}
.status-sec .status-default .status-cont{margin-left:16px; color:#646F7D;}
.status-sec .status-default .status-cont h6 {font-size: 14px;font-style: normal;font-weight: 600;margin: 0; line-height:17px;}
.status-sec .status-default .status-cont p {font-size: 14px;font-style: normal;font-weight: 400;margin: 0; line-height:17px;}
.status-default.status-primary .status-cont, li.status-default.status-primary .status-cont p {color: #212121;}

.status-sec .status-primary:after {background-color: #004BEA;}
.status-sec .status-primary .status-circl {border: 2px solid #004BEA;color: #004BEA;background-color: #fff;}
.status-sec .status-completed:after {background-color: #12B76A;}
.status-sec .status-completed .status-circl {border: 2px solid #12B76A;color: #fff;background-color: #12B76A; outline:8px solid #fff;}

.profile-complete {max-width: 800px;border-radius: 12px;border: 1px solid rgba(177, 185, 193, 0.50);background: #FFF;margin: 0px auto 40px;padding: 40px; text-align:center;}
.profile-complete .toggle-check.custom-toggle-check {display: flex;align-items: center;justify-content: space-between; margin:0px;}
.profile-complete .contact-prefference-box h6{font-size:14px; line-height:18px; font-weight:600; margin:0px 0px 12px;}
.profile-complete .form-check.form-switch:after {content: "";position: absolute;height: 20px;width: 1px;background-color: #B1B9C1;left: -16px;top: 6px;}
.profile-complete .form-check.form-switch {position: relative;}
.profile-complete .custom-toggle-check .form-check-input {padding:11px 20px;}
.profile-complete .toggle-check.custom-toggle-check .form-check-input:checked {background-color: rgba(50, 215, 75, 1);border-color:rgba(50, 215, 75, 1);}
.profile-complete .toggle-check.custom-toggle-check .form-check-input {background-color: rgba(120, 120, 128, 0.32);border-color:transparent;}
.profile-complete .contact-prefference-box{padding:16px 16px 0px; border: 1px solid rgba(233, 236, 240, 1); border-radius:4px;}
.profile-complete .toggle-check .form-check-label {font-size: 16px;margin-left: 0;line-height: 20px;}
.toggle-check-sec {border-radius: 12px;border: 1px solid #E9ECF0;padding: 24px;max-width: 370px;margin: 16px auto 40px;}
.profile-complete h4 {font-size: 20px;font-style: normal;font-weight: 400;line-height: 28px;}
.profile-complete h6 {font-size: 16px;font-style: normal;font-weight: 500;line-height: normal;color: #646F7D;margin: 8px 0 48px;}
.profile-complete p {font-size: 16px;font-style: normal;font-weight: 400;line-height: 23px;color: #646F7D;}

/** Health Jounrney Dashboard page styels start **/
.health-journey-dashobard-main .content-sec-main  {width:100%;}
.custom-owl.section-gap.inverse-owl.shopping-baskets-sec {background: linear-gradient(91deg, #031326 24.39%, #275693 99.71%);overflow:hidden;padding-bottom: 50px;}
.custom-owl.section-gap.shopping-baskets-sec.inverse-owl:before {content: '';position: absolute;bottom: 0;border-radius: 630px;background: #662598;filter: blur(186.4499969482422px);width: 630px;height: 630px;left: 35%;top: 140px;}
.shopping-baskets-sec sup {font-size: 10px;font-weight: 400;}
.shopping-baskets-sec.section-gap .section-top-left h3 {margin: 0 0 8px;background: linear-gradient(97deg, #FFF 18.71%, #DECA99 37.2%, #E5EFFC 65.19%, #D67AD5 90.68%, #040404 118.67%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.custom-owl.section-gap.inverse-owl.shopping-baskets-sec .single-product-sec .prodcut-info .item-title {margin: 20px 0 6px;}
.custom-owl.section-gap.inverse-owl.shopping-baskets-sec .single-product-sec:hover {box-shadow: none;cursor: pointer;}

@media (min-width: 1440px) and (max-width: 1919.98px) {
.health-journey-dashobard-main .custom-container {width: 100%;padding:0 60px;}
}
.health-journey-dashobard-main .content-sec-inner {display:flex;}
.health-journey-dashobard-main .sidebar-sec {position: fixed; left: 0; top:0;}
.health-journey-dashobard-main .sidebar-sec-inner {background: linear-gradient(180deg, #144A6E 0%, #082132 92.51%);  position: absolute; top: 119px;display: block !important;height: calc(100vh - 119px);overflow-y: auto; width:284px;}
.health-journey-dashobard-main .sidebar-sec .nav {padding:32px 0 0 24px;}
.health-journey-dashobard-main .sidebar-sec .nav .nav-link {font-size: 16px;font-weight: 500 !important; line-height: 43px; padding-top:0; padding-bottom:0; text-align:left;margin-bottom:16px; color:var(--white-color);transition: all 0.3s ease 0s;}
.health-journey-dashobard-main .sidebar-sec .nav .nav-link.active {background:#0d2f46 !important; width:100% !important; border-radius:0 !important;}
.health-journey-dashobard-main .sidebar-sec .nav .nav-link:hover{background: rgba(255, 255, 255, 0.1);}
.health-journey-dashobard-main .sidebar-sec .nav .icon {margin-right:8px;position: relative;top: -3px;}
.health-assistan-logo {position:absolute; bottom:40px; left:33px;}
.health-journey-dashobard-main .content-sec { padding:32px 0 0 40px; height: 100%; margin-left:284px;  width:calc(100% - 284px); background:none;}
.ai-right-sec .help-block { /*background: linear-gradient(270deg, #8544AE 0%, #81216C 100%); */text-align:center; padding:0px;display:block; border-radius:8px; width:100%;position:relative;}
.ai-right-sec .help-block video { width: 100%; height: 120px; object-fit: cover; border-radius:8px;}
.ai-right-sec .help-block .help-block-inner {position: absolute;top: 0;width: 100%;min-height: 120px;} 
.ai-right-sec .help-block h4 {color:var(--white-color);font-size: 24px;font-weight: 700; margin:30px 0 4px; line-height:29px; position:relative;}
.ai-right-sec .help-block p {color:var(--white-color);font-size: 17px;line-height:20px;margin-bottom:0 ; font-weight:400;}
.ai-right-sec .healthai-chat-box {display:flex; flex-direction:column;}
.ai-right-sec .healthai-chat-box h5{font-size: 20px;line-height:24px; margin:28px 0 12px; color:var(--woodsmoke-color); font-weight:600;} 
.chat-title h5{font-size: 20px;line-height:24px; color:var(--woodsmoke-color); font-weight:600;} 
.ai-right-sec .health-journey-search .border-gradient-purple {padding-left:43px; border:0px; background-color:#fff;}
.ai-right-sec .health-journey-search .border-gradient-purple::placeholder {color:#646F7D}
.health-journey-dashobard-main footer {display:none !important;}
.healthai-chat-box.active .health-journey-search { min-height: 498px; max-height: 498px;overflow-y: auto; padding-right: 12px;
display: flex; flex-wrap: wrap; align-items: flex-end;}
.ai-right-sec button.journey-search-close {display: none;}
.ai-right-sec .chat-section .chat-response-inner{max-width:100%;}
.ai-right-sec .chat-section .chat-response-sec .chat-question, .ai-right-sec .chat-section .chat-response-inner.question-sec  {opacity: 0; animation: fadeAndMove .6s ease forwards;}
.ai-right-sec .chat-question, .ai-right-sec .chat-section .chat-response-inner.question-sec{animation-delay: 1s;}
.search-suggestions.chat-suggestions, .search-suggestions.chat-suggestions span{ opacity: 0;transform: translateX(-20px);animation: fadeIn 1s forwards;}
.search-suggestions.chat-suggestions span:nth-child(1) {animation-delay: 0s;}
.search-suggestions.chat-suggestions span:nth-child(2) {animation-delay: 1s;}
.search-suggestions.chat-suggestions span:nth-child(3) {animation-delay: 2s;}
.chat-section .chat-title {padding: 0px 0 12px;display: flex;align-items: center;justify-content: space-between;}
.ai-right-sec .chat-section .chat-response {overflow-x: hidden;}

.ai-right-sec .chat-container-bottom {position: relative;overflow: hidden;opacity: 0;animation: fadeAndBottom .6s ease forwards;}
.ai-right-sec .chat-container-main {position: relative;overflow: hidden;opacity: 0;animation: fadeAndTop .6s ease forwards; margin-bottom:50px;}
.ai-right-sec .chat-container-bg-hide:after {position: absolute;width: 100%;content: "";background: linear-gradient(106deg, #ef667e 14.15%, #5096ff 99.93%);filter: blur(105px);height: 64.637px;flex-shrink: 0;bottom: 0;}
.ai-right-sec .chat-container-main {background: linear-gradient(180deg, #4354F2 0%, #FF6E30 100%);border-radius: 6px;padding: 1px;}
.ai-right-sec .chat-section .chat-container {overflow:hidden; padding:24px 0px 140px;border:0px;background: #fff;}
.ai-right-sec .chat-section .chat-question {padding: 12px 24px;}
.ai-right-sec .chat-section .chat-response-sec { justify-content: flex-start;animation: fadeInUp 0.5s ease-out; padding-bottom:26px;}
.health-products-sec {background:#e8f3f7;border: 1px solid rgba(0, 73, 122, 0.10); padding:16px;border-radius:8px; margin-top:0px; max-width:86%;}
.health-products-sec .products-block {background:none;padding:0;margin-bottom:0;}
.health-products-sec .products-block + .products-block {margin-top:12px;}
.health-products-sec .products-block .product-header {margin-bottom:6px;}
.health-products-sec .products-block .product-header h5 {font-size: 16px;line-height:20px;}
.products-block .custom-owl-latest.rewards-owl .owl-nav button {filter: saturate(0%);}
.healthai-shop-product-sec {border-radius: 6px; background: linear-gradient(0deg, rgba(79, 41, 41, 0.40) 0%, rgba(79, 41, 41, 0.40) 100%), linear-gradient(278deg, #FDD63D 6.39%, #E3571F 93.61%); padding:24px; position:relative; margin-bottom:0px}
.healthai-shop-product-sec.medical-guidance-sec {background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), linear-gradient(100deg, #2032C0 0%, #4DCAE9 99.06%);}
.healthai-shop-product-sec.personalized-programs {background: linear-gradient(0deg, rgba(79, 41, 41, 0.60) 0%, rgba(79, 41, 41, 0.60) 100%), linear-gradient(271deg, #DDEFAF 0%, #B5CD75 76.34%);animation: gradientFade .7s ease forwards;}
.healthai-shop-product-sec.medication-adherence {background: linear-gradient(0deg, rgba(79, 41, 41, 0.40) 0%, rgba(79, 41, 41, 0.40) 100%), linear-gradient(271deg, #E66F96 0%, #7D42A0 99.21%);}
.healthai-shop-product-sec.health-actions {background: linear-gradient(0deg, rgba(49, 26, 28, 0.10) 0%, rgba(49, 26, 28, 0.10) 100%), linear-gradient(278deg, #F88865 6.39%, #CB6841 93.61%);}
.healthai-shop-product-sec h4, .healthai-shop-product-sec p {opacity: 0;animation: fadeAndMove .6s ease forwards;}
.healthai-shop-product-sec h4 {color: var(--white-color);font-size: 24px;font-weight: 700;margin: 0 0 6px;line-height: 29px;
position: relative;}
.healthai-shop-product-sec p {color: var(--white-color); font-size: 16px; line-height: 22px; margin-bottom: 0;animation-delay: 1s;}
.healthai-shop-shape-img {position:absolute; top:0;right:85px;animation: fadeInScale 2s forwards;opacity: 0;transform: scale(0);}
.ai-right-sec .chat-title h4 {font-size: 20px;font-weight: 600;line-height: normal;}
.chat-response-inner {justify-content: flex-start;animation: fadeInUp 0.5s ease-out;}
/*.chat-section .chat-answer {opacity: 0;animation: fadeAndMove .6s ease forwards;}*/
.healthy-shopping .owl-carousel .owl-dots.disabled{display:none;}
.healthy-shopping .rewards-owl{padding-bottom:0px;}

.prevent-sec {background: linear-gradient(183deg, #FFEDB8 39.54%, #FFE490 97.65%); gap:10px; padding:24px;display: flex;margin:32px 0px; position:relative;border-radius: 8px; position:relative; overflow:hidden;}
.prevent-sec:after {position:absolute; content:''; background:url(https://nationscdn.azureedge.net/otc-container/images/AI/help-block-line-bg.png) left top no-repeat;width:550px; height:100%; right:-300px;top:0; opacity:0.6;}
.prevent-sec .prevent-sec-img {width:280px;}
.prevent-sec .prevent-sec-img img {border-radius:4px;}
.prevent-sec-content {width:calc(100% - 280px);flex-shrink: 0; margin-left:14px; position:relative;}

.ai-right-sec .suggestions-boder{display:flex;}
.ai-right-sec .suggestions-boder:hover {background: linear-gradient(90deg, #5096FF 0%, #EF667E 100%);border-radius: 48px;padding: 1px;box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.08);}
.ai-right-sec .suggestions-boder {background: linear-gradient(90deg, #B1B9C1 0%, #B1B9C1 100%);border-radius: 48px;padding: 1px;cursor:pointer;margin-right:16px;}
.ai-right-sec .suggestions-boder-inner {background: #fff;border-radius: 48px;padding: 1px;padding:12px 16px;}
.ai-right-sec .search-suggestions span {border: 0px;padding:0px;}
.ai-right-sec .search-suggestions span:hover  {background: linear-gradient(90deg, #5096FF 0%, #EF667E 100%);-webkit-text-fill-color: transparent;-webkit-background-clip: text;}

.health-ai-modal{--bs-modal-margin:84px 0 0 0;--bs-modal-border-radius:20px 20px 0 0;}
.health-ai-modal .modal-dialog{max-width:calc(100vw - 48px);}
.health-ai-modal .modal-body{padding:0;min-height:calc(100vh - 84px);font-size:14px;line-height:20px;}
.health-ai-modal .chat-history {background: var(--light-bg-color);min-width: 400px;max-width: 400px;border-radius: 20px 0 0 0;padding: 24px 32px;min-height: calc(100vh - 83px);max-height: calc(100vh - 83px);overflow-y:auto;}
.health-ai-modal .chat-history h4{color:#646F7D;font-size:12px;line-height:14px;font-weight:600;margin-bottom:16px;}
.health-ai-modal .chat-history-date{position:relative;padding:10px 0;font-size:10px;line-height:12px;font-weight:700;margin-bottom:12px;color:#646F7D;width:100%;}
.health-ai-modal .chat-history-date span{background: var(--light-bg-color);position: relative;z-index: 9;padding-right: 8px;}
.health-ai-modal .chat-history-date:after{position:absolute;content:"";width:100%;height:1px;background:#B1B9C1;left: 0;top: 50%;transform: translateY(-50%);}
.health-ai-modal .chat-message{font-size:14px;line-height:18px;padding:7.5px 0;margin-bottom:12px;}
.health-ai-modal .btn-close{padding:0;}
.health-ai-modal .chat-main-content{padding:24px 32px;width:100%;}
.health-ai-modal .chat-main-content .chat-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;}
.health-ai-modal .chat-main-content .chat-header-left{display:flex;align-items:center;}
.health-ai-modal .chat-main-content .header-title{font-size:16px;line-height:24px;font-weight:500;background: radial-gradient(67.74% 76.25% at 50% 46.25%, #3345DE 0%, #E822D3 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;margin:0 0 0 4px;}
.health-ai-modal .chat-main-content .chat-history-date {text-align:center;padding:0;margin-bottom:16px;}
.health-ai-modal .chat-main-content .chat-history-date span{background:#fff;font-size:12px;line-height:14px;font-weight:600;padding:0 24px;}
.health-ai-modal .chat-main-content .quick-prompt-button{background:#fff;border:1px solid #B1B9C1;border-radius:6px;margin-right:16px;font-size:14px;line-height:17px;padding:9px 11px;margin-bottom:16px;}
.health-ai-modal .chat-main-content .quick-answer-wrapper{margin-bottom:16px;display:flex;align-items:center;}
.health-ai-modal .chat-main-content .quick-question-wrapper{width:100%;margin-bottom:16px;display:flex;justify-content:end;}
.health-ai-modal .chat-main-content .quick-question{font-size:14px;line-height:20px;padding:12px;border-radius:8px;background:#E9ECF0;}
.health-ai-modal .chat-main-content .nation-logo{width:16px;margin-right:8px;}
.health-ai-modal .chat-main-content .prompt-text{font-size:12px;line-height:14px;font-weight:600;margin:0 0 12px 24px;opacity:0.6;}
.health-ai-modal .chat-main-content .chat-footer-input-wrapper {position: absolute;bottom: 24px;display: inline-block;width: calc(100% - 466px);height: 48px;}
.health-ai-modal .chat-main-content .chat-footer-input-wrapper .stars-logo{position:absolute;content:"";top:15px;left:16px;z-index:9;}
.health-ai-modal .chat-main-content .chat-footer-input {position: relative;z-index: 1;width: 100%;padding: 2px 48px;border: none;border-radius: 100px;outline: none;    box-sizing: border-box;margin-top:11px;}
.health-ai-modal .chat-main-content .chat-footer-input-wrapper::before {content: "";position: absolute;top: -1px;left: -1px;right: -1px;bottom: -1px;border-radius: 100px;padding: 1px; /* Space for the border */background: linear-gradient(180deg, #4354F2 0%, #FF6E30 100%);-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);-webkit-mask-composite: xor;mask-composite: exclude;}
.health-ai-modal .chat-main-content .action-btns {position: absolute;top: 12px;right: 16px;z-index: 9;}
.health-ai-modal .chat-main-content .action-btns .action-btn{background:inherit;}
.health-ai-modal .chat-main-content .action-btns .action-btn.border-right{border-right:1px solid #B1B9C1;padding-right:16px;margin-right:16px;}
.health-ai-modal .chat-main-content .action-btns .search-logo{width:24px;height:24px;}
.health-ai-modal .flex-card-wrapper {position: relative;border-radius: 20px; background: linear-gradient(108.28deg, rgba(67, 84, 242, 0.4) 7.32%, rgba(255, 110, 48, 0.4) 87.02%);overflow: hidden; padding:2px;max-width:630px;}
.health-ai-modal .flex-card-wrapper .flex-card-container{background:#fff;border-radius:18px;padding:19px 24px;}
.health-ai-modal .flex-card-wrapper .flex-card-form{display:flex;border-radius:0;border-bottom:1px solid #B1B9C1;padding-bottom:32px;margin-bottom:32px;}
.health-ai-modal .flex-card-wrapper .flex-card-form .form-label{color:#646F7D;font-weight:500;line-height:17px;}
.health-ai-modal .flex-card-wrapper .flex-card-form .form-label .astric {display:none;}
.health-ai-modal .flex-card-wrapper .flex-card-form .form-control{border:1px solid #B1B9C1;border-radius:4px;padding:13px 12px;height:48px;}
.flex-card-wrapper .continue-btn{background: linear-gradient(180deg, #4354F2 0%, #FF6E30 100%);border-radius:48px;padding:1px;}
.flex-card-wrapper .continue-btn .btn-inner{background:#fff;border-radius:48px;padding:12px 24px;color:#00497A;font-weight:700;}

.flex-card-wrapper.flex-card-details{max-width:400px;margin:0 12px 8px 0;}
.flex-card-wrapper.flex-card-details .flex-card-output{display:flex;}
.flex-card-wrapper.flex-card-details .flex-card-output .form-label{color:#646F7D;font-weight:500;margin-bottom:8px;line-height:17px;}
.flex-card-wrapper.flex-card-details .flex-card-output .form-value{font-size:16px;line-height:22px;}
.loading-main {width: 32px;height: 32px;border-radius: 50%;border: 4px solid #ddd;border-top-color: #F25D4A;animation: loading 1s linear infinite;}
@keyframes loading {
to {
transform: rotate(360deg);
}
}
.flex-order-wrapper .flex-order-item{border:1px solid #B1B9C1;border-radius:8px;padding:20px 24px;display:inline-flex;min-width:408px;justify-content:space-between;}
.flex-order-wrapper .flex-order-item .product-image{width:56px;height:56px;border-radius:4px;margin-left:8px;border:1px solid #E9ECF0;display:flex;align-items:center;justify-content:center;}
.flex-order-wrapper .flex-order-item .product-image .product-img{max-height:48px;}
.flex-order-wrapper .flex-order-item .product-image.more-products{background:#F5F6F8;font-size:18px;font-weight:700;color:#646F7D;}
.flex-order-wrapper {display:inline-grid;}
.flex-order-wrapper .flex-order-item .company-logo{margin-bottom:16px;max-height:20px;}
.flex-order-wrapper .flex-order-item .order-date-block{color:#646F7D;}
.flex-order-wrapper .flex-order-item .order-date-block .order-date{font-weight:600;}

.flex-order-card{background:linear-gradient(98.05deg, #00497A 7.74%, #0065A9 94.97%);border: 1px solid rgba(177, 185, 193, 0.3);max-width:644px;border-radius:8px;overflow:hidden;}
.flex-order-header{text-align:center;position:relative;padding:32px 0 30px;} 
.flex-order-header .van-icon{position:absolute;left:-1px;top:-1px;}
.flex-order-card h2{font-size:24px;line-height:30px;font-weight:600;margin-bottom:4px;color:#fff;}
.flex-order-card p{font-size:15px;line-height:18px;color: rgba(255, 255, 255, 0.8);font-weight:400;margin:0;}
.flex-order-header .ellipse-icon01, .flex-order-header .ellipse-icon02{position:absolute;content:"";}
.flex-order-header .ellipse-icon01{top:0;right:0;}
.flex-order-header .ellipse-icon02{top:60px;right:0;}
.flex-order-status{background:#FBFAFF;padding:16px 24px 24px 24px;border-radius:4px 4px 0 0;}
.flex-order-status .flex-order-steps{display:flex;}
.flex-order-status .status-step{text-align:center;min-width:132px;}
.flex-order-status .status-step .icon{width:40px;height:40px;margin:0 auto;position:relative;display:flex;align-items:center;justify-content:center;}
.flex-order-status .status-step span{margin:16px 0 4px 0;font-size:16px;line-height:20px;display:inline-block;}
.flex-order-status .status-step .date{font-size:14px;line-height:17px;color:#646F7D;}
.me-32{margin-right:32px;}
.flex-order-status .status-step .icon.shipped:before {content: "";position: absolute;width: 90px;height: 2px;background: #0FA91C;left: -91px;top: 50%;transform:translateY(-50%);}
.flex-order-status .status-step .icon .current-status {background:#0FA91C;width:16px;height:16px;border-radius:50px;position:relative;}
.flex-order-status .status-step .icon .current-status:before{content: "";position: absolute;width: 148px;height: 2px;background: #0FA91C;left: -136px;top: 50%;transform:translateY(-50%);}
.flex-order-status .status-step .icon .current-status:after{content: "";position: absolute;width: 132px;height: 2px;background: rgba(34, 43, 47, 0.16);left: 16px;top: 50%;transform:translateY(-50%);}
.flex-order-status .grey-text {color:#646F7D;}
.flex-order-status .active span {font-weight:600;}
.chat-history-scroll{max-height:60%;overflow-y:auto;}



@media (min-width:1900px) {
.prevent-sec-content {margin-top:10px; }
.prevent-sec .prevent-sec-img {
width:320px;
}
.prevent-sec-content {
width: calc(100% - 320px);
}
.prevent-sec:after {transform: scale(1.1);}
}
.prevent-sec-content h6 {font-size: 16px;color: #877205; line-height:20px; font-weight:600; margin-bottom:14px;color: #877205; margin-bottom:14px; text-transform:uppercase;}
.prevent-sec-content h6 .icon {margin-right:8px;}
.prevent-sec-content h4 {font-size:24px;color: var(--woodsmoke-color); line-height:24px;margin-bottom:8px; font-weight:500;}
.prevent-sec-content p {font-size:18px;line-height:22px;color: #555144; margin-bottom:0;}
.prevent-sec-content .icon-border-btn {margin-top:32px; position:absolute; border-radius:42px; bottom:0px; width:110px;line-height:40px; padding:0; text-align:center; font-size:16px; height:auto; font-weight:600;}
/** Health Jounrney Dashboard page styels end **/ 

/** Health actions page styels start **/
.ai-card-wrapper h5 {font-size:20px; font-weight:600;color:var(--woodsmooke-color); margin:28px 0 12px;}
.ai-card-wrapper .card.ai-card h5 {margin-top:0;}
.ai-card {border: 1px solid #E9ECF0;border-radius: 12px; /*height:100%;*/ margin-bottom:16px; background-color:#fff; display:flex; flex-direction:column;}
.ai-card.active {border: 3px solid #C7A017;}
.ai-card-img {position:relative; height:280px;}
.ai-card-img img {border-radius: 8px 8px 0 0;max-height: 290px; object-fit: cover;width: 100%; height:100%;}
.ai-content-section {padding:24px; position:relative; display:flex; flex-direction:column;}
.ai-card-content{min-height:108px;}
.ai-card h5 { font-weight: 500;margin-bottom:0;}
.ai-card p {color: var(--nevada-color); margin:12px 0; font-size:14px; line-height:18px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; padding-bottom:16px;}
.ai-card .read-article {width:100%; display:block;background:var(--white-color); color:var(--secondary-color); font-size: 14px; font-weight: 600;line-height: 17px; text-align:center; padding:9px; border:1px solid var(--secondary-color); border-radius:38px;}
.completed-health-actions{padding:24px; border:1px solid #E9ECF0; border-radius:12px; margin-top:16px;}
.completed-health-actions h5{margin-bottom:0px;}
.completed-health-actions .order-placed{background:#F4F8F4; padding:12px; font-size:14px; color:#075A0B; font-weight:600; line-height:17px; position:absolute; bottom:0; width:100%; text-align:center;}
.ai-right-sec .chat-section .health-journey-search{width:100%;z-index:9;}
/*.custom-chat-height{min-height:415px !important; max-height:415px !important;}
*/.chat-section{margin-top:24px;}
.chat-suggestions{position:absolute; bottom:84px; left:32px; }
/** Health actions page styels end **/

/** Health shopping page styels start **/
.healthy-shopping h5 {font-weight: 600;color: var(--woodsmooke-color);margin-bottom: 16px; font-size:20px;}
.products-block {padding:24px; border-radius:8px; background: url(https://nationscdn.azureedge.net/otc-container/images/AI/otc-prod-pattern.png), linear-gradient(180deg, #CDE9FF 31.64%, #91D3FF 100%); margin-bottom:32px;}
.products-block .product-header, .curated-grocery .product-header{margin-bottom:16px; display:flex; justify-content:space-between;}
.products-block .product-header h5, .curated-grocery .product-header h5{margin-bottom:0;}
.products-block .product-header .custom-link{font-size:16px; font-weight:600; line-height:20px; display:flex; align-items:center;}
.product-box {width: 100%;padding: 16px;border-radius: 8px;background: var(--white-color);margin-right: 24px;position: relative;}
.product-box .add-product {width:40px; height:40px; border-radius:100%; box-shadow: 0px 2px 8px 0px #0E0A1F29;background:var(--secondary-color); position:absolute; right:16px; top:16px;}
.product-box .add-product span, .product-box .add-delet-btn button span {height:28px; display:block;}
.product-box:last-child {margin-right:0; margin-bottom:22px;}
.product-box .add-delet-btn{max-width:102px; padding:8px 12px; background:var(--white-color); position:absolute; right:16px; top:13px; border:1px solid #ccc; border-radius:36px; box-shadow: 0px 1.83px 7.3px 0px #0E0A1F29;
display:flex; justify-content:center; align-items:center;}
.product-box .add-delet-btn button{background:var(--white-color);}
.product-box .add-delet-btn .count{width:23px; height:23px; margin:0 12px; background:#F5F6F8; border:1px solid #ccc; border-radius:4px; display:flex; justify-content:center; align-items:center;}
.product-box .product-img{display:flex; align-items:center; justify-content:center;}
.product-box .product-img img {max-width: 100%; height:122px;}
.product-box .prodcut-info {margin-top:16px;}
.product-box .prodcut-info span {color: #212121;font-size: 16px;font-weight: 400;letter-spacing: 0.3px;line-height: normal;margin: 6px 0 4px;min-height: 36px;max-width: 100%;white-space: normal;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.product-box .prodcut-info span:last-child {line-height:19px; font-weight:600; color:#00497A; min-height:16px;}
.health-home-otc{padding:40px 40px 24px 40px;}
.food-grocery-products .products-block {background: url(https://nationscdn.azureedge.net/otc-container/images/AI/food-grocery-pattern.png), linear-gradient(180deg, #DFFFD9 0%, #B8F2B2 100%); margin-bottom: 40px;}
.sleep-wellness-products .products-block {background: url(https://nationscdn.azureedge.net/otc-container/images/AI/sleep-products-pattern.png), linear-gradient(180deg, #EBD8FF 31.24%, #D6B8FF 100%); margin-bottom: 40px;}
.healthy-shopping .product-title-section .price-title{color:var(--secondary-color);}
.curated-grocery{padding:24px; border:1px solid #E9ECF0; border-radius:8px; background: url(https://nationscdn.azureedge.net/otc-container/images/AI/curated-attern.png), linear-gradient(180deg, #fff 0%, #fff 100%);}
.curated-grocery .single-product-sec .product-item-code .item-code-img{width:88px;}
.curated-grocery .single-product-sec .item-code{max-width:115px;}
.curated-grocery .single-product-sec .item-code{max-width:115px;}
.curated-grocery .custom-owl-latest.rewards-owl .owl-nav button {filter: saturate(0%);}
.products-block.health-home-otc, .recommended-actions-sec.recommended-actions-home{margin-left:-40px; margin-right:-59px; border-radius:0;}
/** Health shopping page styels end **/


/**  Medical Guodance page styels start **/
.medical-guidance .meditation-yoga{margin-top:0; margin-bottom:22px; padding:16px; background:var(--white-color); border-radius:8px;position: relative;width: 100%; border:1px solid #E9ECF0; margin:0px 0px 22px;}
.medical-guidance .meditation-yoga-section .meditation-content p{max-width:100%; color:#646F7D; line-height:24px; margin-top:4px; display:block;}
.medical-guidance .meditation-yoga-section .meditation-content{min-height:100px;}
.medical-guidance .meditation-yoga-section .meditation-yoga h6{font-size:16px; font-weight:600; line-height:24px; margin:0px;}
.medical-guidance .meditation-yoga-section .meditation-yoga .meditation-yoga-img{position: absolute;bottom:16px; right:8px;max-height:60px;}

.medical-guidance .bottom-action{color:#965A00;}
.medical-guidance .success-text{color:#075A0B;}
.medical-guidance .reports-text{color:var(--secondary-color); margin-left:16px; padding-left:16px; border-left:1px solid #ccc;}

.medical-guidance .article-content h6{font-size:20px; line-height:24px; font-weight:500; color:var(--woodsmoke-color); max-width:297px; margin-bottom:0;}
.medical-guidance .article-content-img{position:relative;}
.medical-guidance .article-content-img img{border-radius:8px 8px 0 0;width:100%;}
.medical-guidance .article-content{border:1px solid #E9ECF0; border-radius:8px; min-height:380px; background-color:#fff;}
.medical-guidance .article-content-main{padding:18px;}
.medical-guidance .article-content-block{min-height:120px;}
.medical-guidance .article-content .read{font-size:14px; font-weight:500; line-height:17px;color:var(--nevada-color); white-space:nowrap;}
.medical-guidance .article-content-block p{font-size:16px; line-height:19px;color:var(--nevada-color); margin:12px 0 15px; line-height:21px;display: inline-block;}
.medical-guidance .read-article-link{font-size:18px; font-weight:500; line-height:21px; color:#255798 !important; display:flex; justify-content:space-between; cursor:pointer;}
.medical-guidance .read-article-link span img{filter: brightness(0) saturate(100%) invert(18%) sepia(77%) saturate(1753%) hue-rotate(182deg) brightness(96%) contrast(101%);}
.medical-guidance .read-article-link:hover, .read-article-link:focus{ color:#CB187D;}
.medical-guidance .internal-nav{position:sticky !important; top:118px; left:0; right:0; z-index:9; background-color:#F7F7F7;margin:15px 0 32px; }
.medical-guidance .internal-nav .nav-link {font-size: 16px;line-height: 24px; font-weight: 600 !important;  color: #255798;}
.medical-guidance .read-article-link:hover, .read-article-link:focus{color:#CB187D;}
/**  Medical Guodance page styels end **/

/** Personalized card styels start **/
.personalized-card{width:100%; background:var(--white-color);border:1px solid #ccc; border-radius:8px; margin-bottom:24px; display:flex;}
.personalized-card-content{padding:24px;}
.personalized-card-img img{border-radius:8px 0 0 8px; max-height:174px;}
.personalized-card-content h6{font-weight:500;line-height:24px;}
.personalized-card-content p{color:#646F7D; font-size:16px; line-height:19px;}
.personalized-card .rounded-btn{padding:8px 16px; border-radius:38px; border:1px solid var(--secondary-color); color:var(--secondary-color); font-size:14px; font-weight:600; margin-right:16px;}
.personalized-programs h5{margin-top:0px; margin-bottom:24px;}
.personalized-programs .selected-card{background:#00497A;}
.personalized-programs .selected-card h6, .personalized-programs .selected-card p, .personalized-programs .selected-card span{color:var(--white-color);}
.personalized-programs .selected-card .rounded-btn{background:var(--white-color);}
.personalized-card:hover{background:#00497A; cursor:pointer;}
.personalized-card:hover .personalized-card-content h6, .personalized-card:hover .personalized-card-content p, .personalized-card:hover{color: var(--white-color);}
.personalized-card:hover .personalized-card-content .rounded-btn{background:var(--white-color);}
.personalized-card:hover  span svg path {fill:#fff;}
/** Personalized card styels end **/

/** Chat section styels start **/
.chat-box-icon {width:64px; height:64px; display:flex; justify-content:center;align-items:center;box-shadow: 0px 2px 12px 0px #0F567352; background:var(--white-color);border:1px solid #e9ecf0; position:fixed;bottom:30px;right: 20px; z-index:99; border-radius:100%; cursor:pointer; }
.chat-box-icon img {animation: iconAnimation 2s infinite ease-in-out; transform-origin: center;}
.chat-box-block .chat-box-content {overflow-y: auto;height: 626px;opacity: 0;animation: fadeAndMove .6s ease forwards;}
.chat-box-block .chat-box-content .typing-text{font-size:14px; line-height:17px; font-weight:500;}
.chat-box-block {width:480px; position:fixed; right:24px;background:var(--white-color);border:1px solid #e9ecf0; height:780px;box-shadow: 0px 2px 12px 0px #0F567352; bottom:24px;border-radius:16px; z-index:99; padding:24px 0 24px 24px; display:flex; flex-direction:column;animation: fadeIn 1s ease-out;}
.chat-box-header {display:flex; justify-content:space-between; padding-right:24px; margin-bottom:16px;}
.chat-box-header small {display:inline-flex; align-content:center; line-height:24px;font-weight:500;background: linear-gradient(to left, #3345DE, #E822D3);
-webkit-text-fill-color: transparent;-webkit-background-clip: text; font-size:14px;}
.chat-box-header small .icon {margin-right:4px; position:relative; top:-2px;}
.chat-box-header .btn-close {color:inherit;  background:none; opacity:1;padding:0;}
.recipe-sec {width:92%;border-radius:12px; padding:12px 16px; display:flex; margin-top:16px;background: linear-gradient(97deg, #F3F8FF 57.79%, #FFF 100%), var(--white-color);gap:16px;}
.recipe-sec-img {width:74px; gap:16px;}
.recipe-sec-content {width:calc(100% - 74px);}
.recipe-sec-content h6 { font-size:16px; line-height:20px;font-weight:500; margin-bottom:2px;}
.recipe-sec-content p {font-size:13px; line-height:16px;color:var(--nevada-color);font-weight:400;margin-bottom:8px;}
.recipe-sec-content .custom-link {font-size:14px; line-height:17px;display:flex; align-items:center; text-decoration:none; font-weight:600;}
.recipe-sec-content .custom-link .icon {margin-right:6px;}
.recipe-sec.chat-product-sec {width:312px; background:var(--white-color);border:1px solid #e9ecf0;padding:0;border-radius:6px; gap:0; flex-direction:column; margin-top:10px;}
.recipe-sec.chat-product-sec .chat-product-info {display:flex; flex-direction:column; padding:20px 16px 20px 16px;}
.chat-box-block .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;}
.recipe-sec.chat-product-sec .chat-product-info h3 {color: #292929; font-size: 16px; line-height:22px; font-weight: 400;letter-spacing: 0.3px;margin: 0 0 16px;}
.recipe-sec.chat-product-sec .chat-product-info .wallet-title {line-height:15px;}
.recipe-sec.chat-product-sec .chat-product-sec-inner {padding:16px 8px 14px; width:100%; border-bottom:1px solid #e4e4e4;}
.recipe-sec.chat-product-sec .number {font-size:18px; line-height:22px;color:var(--nevada-color); font-weight:500; width:48px; height:48px; display:flex; align-items:center; background:#f5f6f8; justify-content: center;border-radius: 24px;}
.recipe-sec.chat-product-sec .row > [class*="col-"] {   padding: 0 8px;}
.recipe-sec.chat-product-sec .single-chat-product-sec {width:100%; height:100px; display:flex; align-items:center; justify-content:center; flex-direction:column; background:#f5f6f8; border-radius:8px; margin-bottom:6px;}
.chat-box-block .border-gradient-purple {border-radius:32px;}
.chat-box-block input::placeholder {  color: var(--nevada-color); font-size:14px; font-weight:400;}
.chat-box-block input:-ms-input-placeholder {color: var(--nevada-color);}
.chat-box-block input::-moz-placeholder { color:var(--nevada-color);}
.chat-box-block input::-webkit-input-placeholder { color:var(--nevada-color);}
.chat-section .chat-answer .nations-icon{margin:4px 12px 0 12px;}
/** Chat section styels start end **/

/** Personalized card styels start end **/

/**Medication Adherence styels start **/
.medication-adherence-wrapper h5{margin:0 0 12px; font-size:16px;}
.appointment-card{padding:16px; background:#5E4885; border-radius:8px; font-size:14px; margin-bottom:32px;}
.appointment-card .doc-details{max-width:65%; min-width:65%; margin:0 16px; color:var(--white-color); line-height:20px;}
.appointment-card .doc-details .name-header{width:100%;border-bottom:1px solid #765F9F; padding-bottom:10px; margin-bottom:10px;}
.appointment-card .doc-details .name-header p{font-weight:600;}
.appointment-card .doc-details .name-header span{font-size:12px; line-height:14px;}
.appointment-card .doc-details-view a{color:var(--white-color);}
.appointment-card .doc-details-view span{margin-top:-5px;}
.appointment-card .doctor-designation{display:flex; justify-content:center; align-items:center; font-weight:600; padding:8px 24px; background: rgba(255, 255, 255, 0.16); color:var(--white-color); border-radius:4px; margin-top:16px;}
.appointment-card .hospital-address{font-size:12px; display:block; margin-left:24px;}
.doctor-designation .separator{position:relative; padding-right:12px;margin-right:12px;}
.doctor-designation .separator:after{position:absolute; width:1px; height:17px;background: rgba(255, 255, 255, 1); content:'';top:3px; right:0; }
.appointment-flu-card{background:#746957;}
.appointment-flu-card .doc-details .name-header{border-bottom:1px solid #8E7F68;}

/*Medicine Cabinet start*/
.medicine-cabinet-section {margin:0 0 24px;}
.medicine-cabinet-section h5 {margin-bottom:0;}
.medicine-cabinet-inner { margin-top: 16px;}
.medicine-cabinet-section .medicine {padding: 24px 16px;border: 1px solid #E9ECF0; background:var(--white-color); border-radius: 8px; margin-bottom:16px;}
.medicine-cabinet-section .medicine-icon img {margin-right: 12px;filter: grayscale(100%);}
.medicine-content h6 {margin-bottom:4px;font-size: 16px;line-height: 19px;}
.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; font-weight:600 !important;}
.medicine .action-btn a:first-child {padding-right: 12px;margin-right: 12px;border-right: 1px solid var(--nevada-color);}
/*Medicine Cabinet end*/

/*Medication Reminders Start*/
.medication-adherence-sec{background:var(--white-color); border:1px solid #E9ECF0; border-radius:8px; display:block; padding:0;}
.medication-adherence-sec-header{border-bottom:1px solid #E9ECF0; padding:10px 24px;}
.reminders-body{padding:24px;}
.reminders-body h6{margin-bottom:12px; font-size:16px; line-height:19px;}
.reminders-card{padding:16px; margin-bottom:16px; border:1px solid #E9ECF0; border-radius:8px; display:flex; align-items:center;}
.reminders-card:last-child{margin-bottom:0;}
.reminders-card .reminders-icon{margin-right:12px;}
.reminders-content h6{margin-bottom:0px;}
.reminders-content span{color:#646F7D; font-size:14px; line-height:17px;}
.reminders-content .remaining-bill{color:#D64029;}
.reminders-card .reminders-date{color:#646F7D; font-size:14px; line-height:17px; font-weight:600; margin-left:auto;}
.reminders-card .reminders-date .added-link{color:#075A0B; font-weight:500;}

/*Medication Reminders End*/

/**Medication Adherence styels end **/
.personalized-sec .internal-nav{position:sticky !important; top:118px; left:0; right:0; z-index:9; background-color:#F7F7F7;margin:15px 0 40px; }
.personalized-sec .prevent-sec {padding: 24px 0;display: flex;margin: 0;position: relative;border-radius: 0;position: relative;overflow: hidden;}
.personalized-sec .prevent-sec a.custom-link {font-size: 14px;font-weight: 600;line-height: normal;text-decoration: none;margin: 0 0 32px;}
.personalized-sec .prevent-sec .prevent-sec-content {margin: 0 0px 0 24px;}
.personalized-sec .prevent-sec .prevent-sec-content h3 {font-size: 32px;font-weight: 500;line-height: normal;margin:0px 0px 4px;}
.personalized-sec .prevent-sec a.custom-link {margin: 0 0 32px;text-decoration: none;align-items: center;display: flex;}
.personalized-sec .prevent-sec-content p {font-size: 18px;line-height: 23px;color: #212121;margin-bottom: 0;font-weight: 400;}
.personalized-sec .healthai-chat-box h5 {font-size: 20px;line-height: 24px;margin: 34px 0 12px;color: var(--woodsmoke-color);font-weight: 600;}
.personalized-sec .healthai-chat-box {margin: 0 0 40px;}
.personalized-sec h4 {font-size: 20px;font-weight: 600;line-height: normal;margin: 0 0 16px;}
.personalized-sec .ai-content-section h6 {margin: 0;}
.personalized-sec .monitoring-title {font-size: 20px;font-style: normal;font-weight: 600;line-height: normal;color: #212121;margin: 40px 0 12px;}
.personalized-sec .article-content {background-color: #fff;margin: 0px 0px 24px;}
.personalized-sec .read-article-link {color: #255798;}
.personalized-sec .article-content p {margin: 8px 0 16px;font-size: 18px;font-weight: 400;line-height: normal;}
.personalized-sec .article-content .read {font-size: 16px;font-weight: 600;color: var(--nevada-color);white-space: nowrap;font-weight: 500;line-height: normal;}
.personalized-sec .read-article-link img {filter: brightness(0) saturate(100%) invert(21%) sepia(98%) saturate(1400%) hue-rotate(198deg) brightness(93%) contrast(79%);}
.personalized-sec .article-content h6 {max-width: 400px;}
.personalized-sec .article-content-main {padding: 16px 16px 24px;}
.personalized-sec .article-video {position: absolute;border-radius: 70px;background: rgba(217, 217, 217, 0.40);backdrop-filter: blur(8px);display: flex;padding: 12px 16px;align-items: center;color: #fff;cursor: pointer;}
.personalized-sec .article-content-img {position: relative;display: flex;align-items: center;justify-content: center;}
.personalized-sec .article-text {position: absolute;left: 24px;top: 24px;}
.personalized-sec .article-text p {font-size: 21.634px;font-weight: 400;line-height: normal;color:#fff; margin:0px;}
.personalized-sec .article-text h4 {font-size: 28.845px;font-weight: 700;line-height: normal;color: #fff;margin: 0;}
.specialist-inner {border-radius: 8px;border: 1px solid var(--Grayscale-Athens-gray, #E9ECF0);background: linear-gradient(98deg, #FFF 49.82%, #E1EAF4 107.77%);}
.specialist-img img {width: 100%;border-radius: 0 8px 8px 0px;object-fit: cover;}
.specialist-img {height: 100%;display: flex;}
.specialist-sec h3 {font-size: 20px;font-style: normal;font-weight: 600;line-height: normal;margin:8px 0 16px;}
.specialist-cont h5 {font-size: 20px;font-weight: 500;line-height: normal;margin: 4px 0 0;color: #212121;}
.specialist-cont p {font-size: 16px;font-weight: 400;line-height: normal;color: #646F7D;margin: 0 0 24px;}
.specialist-cont h6 {font-size: 16px;font-weight: 600;line-height: normal;margin: 0 0 12px;}
.specialist-cont {padding: 24px;margin-right: 100px;}
.specialist-cont .appointment-list {margin-bottom: 16px;}
.specialist-cont .icon-border-btn {font-size:14px; font-weight:600;}
.specialist-cont .form-control {line-height: 46px;padding: 0 12px;box-shadow: none;outline: none;color: var(--woodsmoke-color);border: 1px solid #B1B9C1;}
.specialist-cont button.language-button.language {border-radius: 4px;border: 1px solid #B1B9C1;}
.specialist-cont .language-button.active {border: 1px solid #D64029 !important;background: #F2604A1A; font-weight:500;}
.specialist-cont .form-label {font-size: 14px;font-weight: 500;line-height: normal;color: #646F7D;margin: 0 0 8px;}
.specialist-cont .appointment-list h5 {font-size: 16px;font-weight: 600;line-height: normal;margin: 0px 0px 14px;}
.specialist-cont button.icon-border-btn {border-radius: 38px;width: 100%;margin: 24px 0px;}
.specialist-cont .nb-small-logo{max-width:32px; margin:0px 0px 16px;}

.specialist-cont .appointment-list h6{font-size:16px;font-weight:600;line-height:20px;margin:0 0 12px;}
.specialist-cont .appointment-list .form-label{color:var(--nevada-color);font-size:14px;font-weight:400;line-height:17px;margin:0 0 8px;}
.specialist-cont .appointment-list .form-control, .appointment-list .form-select{border:1px solid #b1b9c1; line-height:46px;padding:0 60px 0 12px;box-shadow:none;outline:none;color:var(--woodsmoke-color);}
.specialist-cont .appointment-list{margin-bottom:16px;}
.specialist-cont .appointment-list.visit .form-label{margin-top:8px;}
.specialist-cont .appointment-list:last-child{margin-bottom:0;}
.specialist-cont .appointment-list .icon-field{position:relative;}
.specialist-cont .appointment-list .icon-field img{position:absolute;right:12px;transform:translateY(-50%);top:50%;}
.specialist-cont .schedule-button{position:absolute;bottom:0;background:var(--primary-color) !important;border-color:var(--primary-color) !important;padding:0 24px;}
.specialist-cont .schedule-button:hover, .reward-bg-btn:hover, .reward-bg-btn:focus{opacity:0.8; color:var(--white-color)}
.specialist-cont .language-button, .language-button:hover, .language-button:focus{border:1px solid var(--light-bg-color);border-radius:4px;display:block;color:var(--woodsmoke-color);font-size:14px;font-weight:400;line-height:17px;padding:13px 12px;background:var(--white-color);display:flex;align-items:center;justify-content:center;width:100%;}
.specialist-cont .language-button.active{border:1px solid #D64029;background:rgba(242, 96, 74,0.1)}
.specialist-cont .language-button .language-type{width:20px;height:20px;margin:0 8px 0 0;}
.icon-field{position:relative;}
.icon-field img{position:absolute;right:12px;transform:translateY(-50%);top:50%;}
.icon-field .form-control::-webkit-calendar-picker-indicator {font-size:20px;position:absolute;right:0;z-index:99;width:40px;height:40px;opacity:0;cursor:pointer;}

.chat-section .chat-answer {
display: block !important;
align-items: start;
line-height: 24px;
font-weight: 500;
padding: 12px 0;
}
.chat-section .chat-answer {
display: block !important;
align-items: start;
line-height: 24px;
font-weight: 500;
padding:0px 16px;
margin-bottom:16px;
width:98.5%;
}
@media (min-width:1900px) {
.start-health-journey .health-journey-title { top: 160px;}
.specialist-cont {padding: 24px;margin-right: 150px;}
.key-features-sec .key-feature {min-height: 426px;}
.key-features-sec video.banner-video {width: 100%;padding-right: 22px;}
}
@media (min-width: 1300px) and (max-width:1800px) {
.key-features-sec .key-feature {
min-height: 308px;
}
.key-features-sec video.banner-video {
width: 100%;
padding-right: 18px;
}
.content-sec-main .rewards-owl .owl-dots .owl-dot span {width: 7px;}
}
@media (min-width:1440px) {
.key-features-sec .key-feature {padding: 24px 60px 24px 24px;}
.personalized-card-content{padding:21px;}
.ai-card{min-height:430px;}
.ai-right-sec .search-suggestions span:last-child{margin-right:0;}
.medication-adherence .search-suggestions span {padding: 15px 9px;}
}

@media(max-width:1440px) {
.start-health-journey .health-journey-title {
top: 110px;
}
.start-health-journey .health-journey-title h3 {
margin-bottom: 40px;
}
}

@keyframes gradientFade {
0%,50.33% {
background: linear-gradient(0deg, rgba(79, 41, 41, 0.60) 0%, rgba(79, 41, 41, 0.60) 100%), linear-gradient(271deg, #DDEFAF 0%, #B5CD75 76.34%);
}

100% {
background: linear-gradient(0deg, rgba(79, 41, 41, 0.10) 0%, rgba(79, 41, 41, 0.10) 100%), linear-gradient(271deg, #A49F79 0%, #8C8B57 76.34%);
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
transform: translateY(30px);
}

100% {
opacity: 1;
transform: translateY(5px);
}
}

@keyframes fadeAndMove {
0%,23.33% {
opacity: 0;
transform: translateY(100px);
}

100% {
opacity: 1;
transform: translateY(0);
}
}
@keyframes fadeInScale {
0% {
opacity: 0;
transform: scale(0);
}

100% {
opacity: 1;
transform: scale(1);
}
}

@keyframes iconAnimation {
0% {
transform: scale(0.7);
}

50% {
transform: scale(1);
}

100% {
transform: scale(0.7);
}
}

@keyframes fadeIn {

0% {
opacity: 0;
}

to {
opacity: 1; /* Make the button fully visible */
transform: translateX(0); /* Move the button back to its normal position */
}
}

@keyframes fadeAndTop {
    0%,23.33% {
        opacity: 0;
        transform: translateY(0px);
    }

    100% {
        opacity: 1;
        transform: translateY(20px);
    }
}


@keyframes fadeAndBottom {
    0%,23.33% {
        opacity: 0;
        transform: translateY(20px);
    }

    100% {
        opacity: 1;
        transform: translateY(0px);
    }
}