/*background colors*/
@media only screen and (max-width: 767px) { .health-sec { padding: 30px 0; } } .health-sec .health-list { display: flex; flex-wrap: wrap; margin: -14px; width: 100%; } .health-sec .health-list li { width: calc(33.33% - 28px); margin: 14px; position: relative; padding-bottom: 60px; } @media only screen and (max-width: 1023px) { .health-sec .health-list li { width: calc(50% - 28px); } } @media only screen and (max-width: 767px) { .health-sec .health-list li { width: calc(100% - 28px); } }
.health-box { background: #FBFBFD; box-shadow: 0px 3px 15px #81818133; border-radius: 12px; position: relative; } .health-box .health-img { position: relative; } .health-box .health-img img { border-radius: 12px 12px 0 0; width: 100%; } .health-box .health-text { padding: 16px 16px 0 16px; } @media only screen and (max-width: 767px) { .health-box .health-text { padding-bottom: 10px; } } .health-box .health-text .health-top { display: flex; flex-wrap: wrap; justify-content: space-between; margin: 0 0 20px 0; } @media only screen and (max-width: 767px) { .health-box .health-text .health-top { margin: 0 0 10px 0; } } .health-box .health-text .health-top .health-left p { font: 600 18px/22px "Noto Sans", sans-serif; color: #2C2C2C; padding-bottom: 10px; max-width: 256px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } @media only screen and (max-width: 767px) { .health-box .health-text .health-top .health-left p { font-size: 16px; } } .health-box .health-text .health-top .health-left span { background: #00A0A0; border-radius: 4px; color: #fff; font-size: 13px; line-height: 22px; padding: 0 10px 1px 10px; max-width: 200px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block; } .health-box .health-text .health-top .health-right span { font: 14px/18px "Open Sans", sans-serif; color: #4D4D4F; } .health-box .health-text .health-top .health-right p { font: 700 24px/28px "Open Sans", sans-serif; color: #2C2C2C; } @media only screen and (max-width: 1023px) { .health-box .health-text .health-top .health-right p { font-size: 22px; } } @media only screen and (max-width: 767px) { .health-box .health-text .health-top .health-right p { font-size: 18px; } } .health-box .health-text .health-bottom li { width: 100%; margin: 0; padding-bottom: 16px; } @media only screen and (max-width: 767px) { .health-box .health-text .health-bottom li { padding-bottom: 8px; } } .health-box .health-text .health-bottom li span { font: 14px/24px "Open Sans", sans-serif; color: #4D4D4F; } @media only screen and (max-width: 767px) { .health-box .health-text .health-bottom li span { font-size: 12px; } } .health-box .health-text .health-bottom li p { font: 500 16px/20px "Open Sans", sans-serif; color: #2C2C2C; } @media only screen and (max-width: 767px) { .health-box .health-text .health-bottom li p { font-size: 14px; } } .health-box .health-button { padding: 8px 16px 24px 16px; position: absolute; width: 100%; bottom: 0; } .health-box .health-button a { width: 100%; border-radius: 8px; }
/*# sourceMappingURL=health.css.map */
.health-box .health-text .health-top .health-left span > a { color: #fff; font-size: 13px; font-weight: 700;
}
.header-location .header-location-text { text-transform: capitalize;
}
.view-health-screening-inner-page { margin: 30px 0px;
}
.view-health-screening-inner-page .pager { display: block !important; }
.view-health-screening-inner-page .view-filters { margin-right: 28px;
}