/*
 * Homepage Care Options presentation only.
 * Doctor Now, booking, matching and availability logic are untouched.
 */

body.home .mzd-care-polish-card-title,
body.home .mzd-care-polish-card-title * {
    color: #101828 !important;
    font-size: 22px !important;
    font-weight: 800 !important;
    line-height: 1.18 !important;
    letter-spacing: -0.015em !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
}

body.home .mzd-care-polish-secondary,
body.home .mzd-care-polish-secondary * {
    color: #475467 !important;
    font-weight: 400 !important;
    opacity: 1 !important;
}

body.home .mzd-care-polish-response,
body.home .mzd-care-polish-response * {
    color: #344054 !important;
    font-weight: 600 !important;
    opacity: 1 !important;
}

body.home .mzd-care-polish-mode,
body.home .mzd-care-polish-mode * {
    color: #344054 !important;
    font-weight: 500 !important;
    opacity: 1 !important;
}

body.home .mzd-care-polish-consult-card,
body.home .mzd-care-polish-book-card {
    color: #344054;
}

body.home .mzd-care-polish-consult-card p,
body.home .mzd-care-polish-book-card p,
body.home .mzd-care-polish-consult-card span,
body.home .mzd-care-polish-book-card span {
    opacity: 1 !important;
}

@media (max-width: 767.98px) {
    body.home .mzd-care-polish-card-title,
    body.home .mzd-care-polish-card-title * {
        font-size: 21px !important;
        line-height: 1.16 !important;
    }

    body.home .mzd-care-polish-secondary,
    body.home .mzd-care-polish-secondary *,
    body.home .mzd-care-polish-response,
    body.home .mzd-care-polish-response *,
    body.home .mzd-care-polish-mode,
    body.home .mzd-care-polish-mode * {
        font-size: 15px !important;
        line-height: 1.45 !important;
    }
}


/*
 * The Consult Now header must follow the existing Book Appointment
 * alignment: icon on the left, title immediately beside it.
 */
body.home .mzd-care-polish-consult-title {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
    white-space: normal !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
    justify-self: start !important;
    align-self: start !important;
}

@media (max-width: 767.98px) {
    body.home .mzd-care-polish-consult-title {
        width: 100% !important;
        max-width: none !important;
        margin-left: 0 !important;
        text-align: left !important;
    }
}