﻿
/* Health Profile Css Start Here */
.personal-health-sec {background-color: #fff;border-radius: 6px;padding: 16px;}
.personal-health-cont {padding: 40px 0px;border-bottom: 1px solid #E9ECF0;}
.personal-health-sec .title-cont h1 {font-size: 32px;line-height: 39px;font-weight: 700;margin: 0 0 12px;}
.personal-health-sec .title-content {display: flex;align-items: center;justify-content: space-between;}
.personal-health-sec .title-cont p {color: #646F7D;margin: 0;}
.personal-health-sec .health-title {font-size: 20px;font-weight: 600;line-height: 28px;margin: 0 0 24px;}
.personal-health-sec .health-list {display: flex;align-content: start;flex-wrap: wrap;}
.personal-health-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;}
.personal-health-sec .health-list .checkbox label {padding-left: 0;cursor: pointer;color: #212121;line-height: 20px;font-size: 16px; padding:16px;}
.personal-health-sec .health-list .box {position: absolute;right: -24px;}
.personal-health-sec .checkbox span {display: flex;align-items: center;}
.personal-health-sec .checkbox {display: flex;align-items: center; padding:0px;}
.personal-health-sec .healthImg {margin-right: 12px; height:22px; width:22px;}
.personal-health-sec .health-list li:focus, .personal-health-sec .health-list li:hover, .personal-health-sec .health-list li.active {border: 1px solid #D64029;}
.personal-health-sec .no-results-sec {margin: 40px 0;}
.personal-health-sec .no-results-sec h3 {margin: 0 0 28px;}
.personal-health-sec .no-results-sec h4 {margin: 0 0 16px;font-size: 20px;font-weight: 600;}
.personal-health-sec .no-results-sec ul li {color: #646F7D;margin: 0px 0px 8px;line-height: 20px;position: relative;padding-left: 20px;}
.personal-health-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 Profile Alert**/
.profile-alert{top:150px;max-width: 872px;position: fixed;width: 100%;left: 50%;transform: translateX(-50%);z-index: 999;color: var(--woodsmoke-color);padding: 16px 24px;border: 0;font-size: 16px; font-weight:600; letter-spacing: 0.3px;line-height: 19px;border-radius:8px;margin: 0;}
.profile-success-alert { background: #ECF3ED; border: 2px solid var(--success-green-dark); color:var(--success-green-dark)}
.profile-alert .alert-icon { width: 18px; margin-right: 10px;}
.profile-error-alert{background: #FEE9E8; border: 2px solid var(--error-color);}
/* Health Profile Css End Here */
@media (max-width: 1024px) {
.personal-health-sec .health-list li.active {border: 1px solid #D64029 !important;}
.personal-health-sec .health-list li:focus, .personal-health-sec .health-list li:hover {border: 1px solid #E9ECF0;}
}
@media (max-width:767.98px) {
.personal-health-cont {padding: 26px 0px;}
.personal-health-sec {padding: 24px 12px;}
.personal-health-sec .health-list li {width: 100%;}
.personal-health-sec .health-list .checkbox label {width: 100%;}
.personal-health-sec .checkbox {display: flex;align-items: center;width: 100%;}
.personal-health-sec .title-cont h1 {font-size: 26px;line-height: 28px;}
.personal-health-sec .title-cont p {line-height: 22px;}
.profile-alert{padding:12px; max-width:96%; font-size:13px;}
}

